diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/realtimeCheck.vue b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
new file mode 100644
index 0000000..86ca9c6
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <div class="line" >座席姓名 ：{{ seatForm.agentUserName }}</div>
+      <div class="line" >座席工号 ：{{ seatForm.agentName }}</div>
+      <div class="line" >座席电话 ：{{ seatForm.phone }}</div>
+      <div class="line" >座席状态 ：{{ seatForm.signin }}</div>
+      <div class="line" >登录分机 ：{{ seatForm.exten }}</div>
+      <div class="line" >主叫号码 ：{{ seatForm.callerNumber }}</div>
+      <div class="line" >被叫号码 ：{{ seatForm.calleeNumber }}</div>
+      <div class="btns">
+        <el-button type="primary" size="small">实时质检</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RealtimeCheck',
+  data() {
+    return {
+      seatForm: {
+        agentUserName: '--',
+        agentName: '--',
+        phone: '--',
+        signin: '--',
+        exten: '--',
+        callerNumber: '--',
+        calleeNumber: '--'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.realtime-check-div{
+  padding: 10px 0px;
+  height: 100%;
+  .title{
+    padding-left: 15px;
+    line-height: 2;
+    width: 100%;
+    background-color: #3a8ee6;
+    color:#ffffff;
+  }
+  .body{
+    height: 100%;
+    border-left:1px solid #f0f0f0;
+    padding-left: 20px;
+    padding-top: 10px;
+    .line{
+      line-height: 2
+    }
+    .btns{
+      margin-top: 20px;
+      text-align: center;
+    }
+  }
+}
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/realtimeCheck.vue b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
new file mode 100644
index 0000000..86ca9c6
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <div class="line" >座席姓名 ：{{ seatForm.agentUserName }}</div>
+      <div class="line" >座席工号 ：{{ seatForm.agentName }}</div>
+      <div class="line" >座席电话 ：{{ seatForm.phone }}</div>
+      <div class="line" >座席状态 ：{{ seatForm.signin }}</div>
+      <div class="line" >登录分机 ：{{ seatForm.exten }}</div>
+      <div class="line" >主叫号码 ：{{ seatForm.callerNumber }}</div>
+      <div class="line" >被叫号码 ：{{ seatForm.calleeNumber }}</div>
+      <div class="btns">
+        <el-button type="primary" size="small">实时质检</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RealtimeCheck',
+  data() {
+    return {
+      seatForm: {
+        agentUserName: '--',
+        agentName: '--',
+        phone: '--',
+        signin: '--',
+        exten: '--',
+        callerNumber: '--',
+        calleeNumber: '--'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.realtime-check-div{
+  padding: 10px 0px;
+  height: 100%;
+  .title{
+    padding-left: 15px;
+    line-height: 2;
+    width: 100%;
+    background-color: #3a8ee6;
+    color:#ffffff;
+  }
+  .body{
+    height: 100%;
+    border-left:1px solid #f0f0f0;
+    padding-left: 20px;
+    padding-top: 10px;
+    .line{
+      line-height: 2
+    }
+    .btns{
+      margin-top: 20px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/seat.vue b/src/views/monitor/seatMonitor/components/seat.vue
new file mode 100644
index 0000000..a4b1a9c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/seat.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="seat-div">
+    <div class="seat-svg">
+      <svg-icon :class="'seat-'+seatStatus" icon-class="icon-seat" class="icon-seat"/>
+    </div>
+    <div class="seat-text">
+      {{ agentName }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Seat',
+  props: {
+    seatStatus: {
+      type: String,
+      default: 'busy'
+    },
+    agentName: {
+      type: String,
+      default: '6042'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$iconsize:80px;
+.seat-div{
+  width:100%;
+  margin-bottom: 20px;
+  display: inline-block;
+  .seat-svg{
+    text-align: center;
+  }
+  .icon-seat{
+    width: $iconsize;
+    height:$iconsize;
+    font-size:$iconsize;
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-text{
+    margin-top: 10px;
+    text-align: center;
+  }
+}
+
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/realtimeCheck.vue b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
new file mode 100644
index 0000000..86ca9c6
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <div class="line" >座席姓名 ：{{ seatForm.agentUserName }}</div>
+      <div class="line" >座席工号 ：{{ seatForm.agentName }}</div>
+      <div class="line" >座席电话 ：{{ seatForm.phone }}</div>
+      <div class="line" >座席状态 ：{{ seatForm.signin }}</div>
+      <div class="line" >登录分机 ：{{ seatForm.exten }}</div>
+      <div class="line" >主叫号码 ：{{ seatForm.callerNumber }}</div>
+      <div class="line" >被叫号码 ：{{ seatForm.calleeNumber }}</div>
+      <div class="btns">
+        <el-button type="primary" size="small">实时质检</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RealtimeCheck',
+  data() {
+    return {
+      seatForm: {
+        agentUserName: '--',
+        agentName: '--',
+        phone: '--',
+        signin: '--',
+        exten: '--',
+        callerNumber: '--',
+        calleeNumber: '--'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.realtime-check-div{
+  padding: 10px 0px;
+  height: 100%;
+  .title{
+    padding-left: 15px;
+    line-height: 2;
+    width: 100%;
+    background-color: #3a8ee6;
+    color:#ffffff;
+  }
+  .body{
+    height: 100%;
+    border-left:1px solid #f0f0f0;
+    padding-left: 20px;
+    padding-top: 10px;
+    .line{
+      line-height: 2
+    }
+    .btns{
+      margin-top: 20px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/seat.vue b/src/views/monitor/seatMonitor/components/seat.vue
new file mode 100644
index 0000000..a4b1a9c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/seat.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="seat-div">
+    <div class="seat-svg">
+      <svg-icon :class="'seat-'+seatStatus" icon-class="icon-seat" class="icon-seat"/>
+    </div>
+    <div class="seat-text">
+      {{ agentName }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Seat',
+  props: {
+    seatStatus: {
+      type: String,
+      default: 'busy'
+    },
+    agentName: {
+      type: String,
+      default: '6042'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$iconsize:80px;
+.seat-div{
+  width:100%;
+  margin-bottom: 20px;
+  display: inline-block;
+  .seat-svg{
+    text-align: center;
+  }
+  .icon-seat{
+    width: $iconsize;
+    height:$iconsize;
+    font-size:$iconsize;
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-text{
+    margin-top: 10px;
+    text-align: center;
+  }
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/seatMonitor.vue b/src/views/monitor/seatMonitor/seatMonitor.vue
new file mode 100644
index 0000000..38e014c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/seatMonitor.vue
@@ -0,0 +1,41 @@
+<template>
+  <app-container>
+    <all-show/>
+    <el-row>
+      <el-col :span="6">
+        <ivr-area/>
+      </el-col>
+      <el-col :span="12">
+        <el-row>
+          <div class="realtime-seats">
+            <el-col v-for="i in 8" :span="6">
+              <seat/>
+            </el-col>
+          </div>
+        </el-row>
+      </el-col>
+      <el-col :span="6">
+        <realtime-check/>
+      </el-col>
+    </el-row>
+
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '../../../components/layout/AppContainer'
+import Seat from './components/seat'
+import AllShow from './components/allShow'
+import RealtimeCheck from './components/realtimeCheck'
+import IvrArea from './components/ivrArea'
+export default {
+  name: 'SeatMonitor',
+  components: { IvrArea, RealtimeCheck, AllShow, Seat, AppContainer }
+}
+</script>
+
+<style scoped>
+.realtime-seats{
+  padding:30px 20px;
+}
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/realtimeCheck.vue b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
new file mode 100644
index 0000000..86ca9c6
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <div class="line" >座席姓名 ：{{ seatForm.agentUserName }}</div>
+      <div class="line" >座席工号 ：{{ seatForm.agentName }}</div>
+      <div class="line" >座席电话 ：{{ seatForm.phone }}</div>
+      <div class="line" >座席状态 ：{{ seatForm.signin }}</div>
+      <div class="line" >登录分机 ：{{ seatForm.exten }}</div>
+      <div class="line" >主叫号码 ：{{ seatForm.callerNumber }}</div>
+      <div class="line" >被叫号码 ：{{ seatForm.calleeNumber }}</div>
+      <div class="btns">
+        <el-button type="primary" size="small">实时质检</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RealtimeCheck',
+  data() {
+    return {
+      seatForm: {
+        agentUserName: '--',
+        agentName: '--',
+        phone: '--',
+        signin: '--',
+        exten: '--',
+        callerNumber: '--',
+        calleeNumber: '--'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.realtime-check-div{
+  padding: 10px 0px;
+  height: 100%;
+  .title{
+    padding-left: 15px;
+    line-height: 2;
+    width: 100%;
+    background-color: #3a8ee6;
+    color:#ffffff;
+  }
+  .body{
+    height: 100%;
+    border-left:1px solid #f0f0f0;
+    padding-left: 20px;
+    padding-top: 10px;
+    .line{
+      line-height: 2
+    }
+    .btns{
+      margin-top: 20px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/seat.vue b/src/views/monitor/seatMonitor/components/seat.vue
new file mode 100644
index 0000000..a4b1a9c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/seat.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="seat-div">
+    <div class="seat-svg">
+      <svg-icon :class="'seat-'+seatStatus" icon-class="icon-seat" class="icon-seat"/>
+    </div>
+    <div class="seat-text">
+      {{ agentName }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Seat',
+  props: {
+    seatStatus: {
+      type: String,
+      default: 'busy'
+    },
+    agentName: {
+      type: String,
+      default: '6042'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$iconsize:80px;
+.seat-div{
+  width:100%;
+  margin-bottom: 20px;
+  display: inline-block;
+  .seat-svg{
+    text-align: center;
+  }
+  .icon-seat{
+    width: $iconsize;
+    height:$iconsize;
+    font-size:$iconsize;
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-text{
+    margin-top: 10px;
+    text-align: center;
+  }
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/seatMonitor.vue b/src/views/monitor/seatMonitor/seatMonitor.vue
new file mode 100644
index 0000000..38e014c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/seatMonitor.vue
@@ -0,0 +1,41 @@
+<template>
+  <app-container>
+    <all-show/>
+    <el-row>
+      <el-col :span="6">
+        <ivr-area/>
+      </el-col>
+      <el-col :span="12">
+        <el-row>
+          <div class="realtime-seats">
+            <el-col v-for="i in 8" :span="6">
+              <seat/>
+            </el-col>
+          </div>
+        </el-row>
+      </el-col>
+      <el-col :span="6">
+        <realtime-check/>
+      </el-col>
+    </el-row>
+
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '../../../components/layout/AppContainer'
+import Seat from './components/seat'
+import AllShow from './components/allShow'
+import RealtimeCheck from './components/realtimeCheck'
+import IvrArea from './components/ivrArea'
+export default {
+  name: 'SeatMonitor',
+  components: { IvrArea, RealtimeCheck, AllShow, Seat, AppContainer }
+}
+</script>
+
+<style scoped>
+.realtime-seats{
+  padding:30px 20px;
+}
+</style>
diff --git a/src/views/phoneManage/bindSeats.vue b/src/views/phoneManage/bindSeats.vue
new file mode 100644
index 0000000..bffcb93
--- /dev/null
+++ b/src/views/phoneManage/bindSeats.vue
@@ -0,0 +1,112 @@
+<template>
+  <el-dialog :visible.sync="dialogFormVisible" :title="titleText" width="330px" append-to-body>
+    <el-scrollbar>
+      <el-tree
+        v-loading="loading"
+        ref="tree"
+        :props="defaultProps"
+        :data="dataList"
+        :default-expanded-keys="defaultExpanded"
+        :default-checked-keys="defaultChecked"
+        :default-expand-all="defaultExpandAll"
+        show-checkbox
+        check-strictly
+        node-key="id"
+        @check-change="handleCheckChange"/>
+    </el-scrollbar>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+// import { toTreeList, getShowItem } from '@/utils/structure'
+import { getUserSimpleList } from '@/api/system/user'
+import { bindSeats } from '@/api/phone'
+
+export default {
+  name: 'BindSeats',
+  data() {
+    return {
+      extensionPhoneId: '', // 分机id
+      extensionPhoneName: '', // 分机名称
+      ids: [], // 选中项id
+      dialogFormVisible: false, // 对话框是否显示
+      defaultProps: {
+        label: 'name',
+        children: 'children'
+      },
+      dataList: null, // 列表数据
+      defaultExpanded: [], // 默认展开的项
+      defaultChecked: [], // 默认选中的树
+      loading: false, // 加载动态效果
+      defaultExpandAll: true // 是否展开树
+    }
+  },
+  computed: {
+    titleText: function() {
+      return '绑定座席'
+    }
+  },
+  created: function() {
+    // this.fetchUserList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible, row) {
+      this.loading = true
+      this.extensionPhoneId = row.id
+      this.extensionPhoneName = row.phonenumber
+      const checked = row.seatsIds.split(',')
+      this.defaultChecked = checked
+      this.dialogFormVisible = dialogFormVisible
+      this.fetchUserList()
+    },
+    // 获取座席员列表
+    fetchUserList() {
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        if (response.code === 200) {
+          this.dataList = response.data
+          this.loading = false
+        }
+      })
+    },
+    saveData: function() {
+      this.ids = this.$refs.tree.getCheckedKeys()
+      bindSeats(this.extensionPhoneId, this.ids).then(response => {
+        if (response.code === 200) {
+          this.$message.success('角色分配成功')
+          this.dialogFormVisible = false
+          this.$emit('watchChild')
+        }
+      })
+    },
+    handleCheckChange() {
+      console.log('handleCheckChange')
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    min-width:350px !important;
+  }
+  .el-tree{
+    max-height:300px;
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/realtimeCheck.vue b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
new file mode 100644
index 0000000..86ca9c6
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <div class="line" >座席姓名 ：{{ seatForm.agentUserName }}</div>
+      <div class="line" >座席工号 ：{{ seatForm.agentName }}</div>
+      <div class="line" >座席电话 ：{{ seatForm.phone }}</div>
+      <div class="line" >座席状态 ：{{ seatForm.signin }}</div>
+      <div class="line" >登录分机 ：{{ seatForm.exten }}</div>
+      <div class="line" >主叫号码 ：{{ seatForm.callerNumber }}</div>
+      <div class="line" >被叫号码 ：{{ seatForm.calleeNumber }}</div>
+      <div class="btns">
+        <el-button type="primary" size="small">实时质检</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RealtimeCheck',
+  data() {
+    return {
+      seatForm: {
+        agentUserName: '--',
+        agentName: '--',
+        phone: '--',
+        signin: '--',
+        exten: '--',
+        callerNumber: '--',
+        calleeNumber: '--'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.realtime-check-div{
+  padding: 10px 0px;
+  height: 100%;
+  .title{
+    padding-left: 15px;
+    line-height: 2;
+    width: 100%;
+    background-color: #3a8ee6;
+    color:#ffffff;
+  }
+  .body{
+    height: 100%;
+    border-left:1px solid #f0f0f0;
+    padding-left: 20px;
+    padding-top: 10px;
+    .line{
+      line-height: 2
+    }
+    .btns{
+      margin-top: 20px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/seat.vue b/src/views/monitor/seatMonitor/components/seat.vue
new file mode 100644
index 0000000..a4b1a9c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/seat.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="seat-div">
+    <div class="seat-svg">
+      <svg-icon :class="'seat-'+seatStatus" icon-class="icon-seat" class="icon-seat"/>
+    </div>
+    <div class="seat-text">
+      {{ agentName }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Seat',
+  props: {
+    seatStatus: {
+      type: String,
+      default: 'busy'
+    },
+    agentName: {
+      type: String,
+      default: '6042'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$iconsize:80px;
+.seat-div{
+  width:100%;
+  margin-bottom: 20px;
+  display: inline-block;
+  .seat-svg{
+    text-align: center;
+  }
+  .icon-seat{
+    width: $iconsize;
+    height:$iconsize;
+    font-size:$iconsize;
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-text{
+    margin-top: 10px;
+    text-align: center;
+  }
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/seatMonitor.vue b/src/views/monitor/seatMonitor/seatMonitor.vue
new file mode 100644
index 0000000..38e014c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/seatMonitor.vue
@@ -0,0 +1,41 @@
+<template>
+  <app-container>
+    <all-show/>
+    <el-row>
+      <el-col :span="6">
+        <ivr-area/>
+      </el-col>
+      <el-col :span="12">
+        <el-row>
+          <div class="realtime-seats">
+            <el-col v-for="i in 8" :span="6">
+              <seat/>
+            </el-col>
+          </div>
+        </el-row>
+      </el-col>
+      <el-col :span="6">
+        <realtime-check/>
+      </el-col>
+    </el-row>
+
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '../../../components/layout/AppContainer'
+import Seat from './components/seat'
+import AllShow from './components/allShow'
+import RealtimeCheck from './components/realtimeCheck'
+import IvrArea from './components/ivrArea'
+export default {
+  name: 'SeatMonitor',
+  components: { IvrArea, RealtimeCheck, AllShow, Seat, AppContainer }
+}
+</script>
+
+<style scoped>
+.realtime-seats{
+  padding:30px 20px;
+}
+</style>
diff --git a/src/views/phoneManage/bindSeats.vue b/src/views/phoneManage/bindSeats.vue
new file mode 100644
index 0000000..bffcb93
--- /dev/null
+++ b/src/views/phoneManage/bindSeats.vue
@@ -0,0 +1,112 @@
+<template>
+  <el-dialog :visible.sync="dialogFormVisible" :title="titleText" width="330px" append-to-body>
+    <el-scrollbar>
+      <el-tree
+        v-loading="loading"
+        ref="tree"
+        :props="defaultProps"
+        :data="dataList"
+        :default-expanded-keys="defaultExpanded"
+        :default-checked-keys="defaultChecked"
+        :default-expand-all="defaultExpandAll"
+        show-checkbox
+        check-strictly
+        node-key="id"
+        @check-change="handleCheckChange"/>
+    </el-scrollbar>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+// import { toTreeList, getShowItem } from '@/utils/structure'
+import { getUserSimpleList } from '@/api/system/user'
+import { bindSeats } from '@/api/phone'
+
+export default {
+  name: 'BindSeats',
+  data() {
+    return {
+      extensionPhoneId: '', // 分机id
+      extensionPhoneName: '', // 分机名称
+      ids: [], // 选中项id
+      dialogFormVisible: false, // 对话框是否显示
+      defaultProps: {
+        label: 'name',
+        children: 'children'
+      },
+      dataList: null, // 列表数据
+      defaultExpanded: [], // 默认展开的项
+      defaultChecked: [], // 默认选中的树
+      loading: false, // 加载动态效果
+      defaultExpandAll: true // 是否展开树
+    }
+  },
+  computed: {
+    titleText: function() {
+      return '绑定座席'
+    }
+  },
+  created: function() {
+    // this.fetchUserList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible, row) {
+      this.loading = true
+      this.extensionPhoneId = row.id
+      this.extensionPhoneName = row.phonenumber
+      const checked = row.seatsIds.split(',')
+      this.defaultChecked = checked
+      this.dialogFormVisible = dialogFormVisible
+      this.fetchUserList()
+    },
+    // 获取座席员列表
+    fetchUserList() {
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        if (response.code === 200) {
+          this.dataList = response.data
+          this.loading = false
+        }
+      })
+    },
+    saveData: function() {
+      this.ids = this.$refs.tree.getCheckedKeys()
+      bindSeats(this.extensionPhoneId, this.ids).then(response => {
+        if (response.code === 200) {
+          this.$message.success('角色分配成功')
+          this.dialogFormVisible = false
+          this.$emit('watchChild')
+        }
+      })
+    },
+    handleCheckChange() {
+      console.log('handleCheckChange')
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    min-width:350px !important;
+  }
+  .el-tree{
+    max-height:300px;
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/editPhone.vue b/src/views/phoneManage/editPhone.vue
new file mode 100644
index 0000000..d90a736
--- /dev/null
+++ b/src/views/phoneManage/editPhone.vue
@@ -0,0 +1,146 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="phoneForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="分机号码" prop="phonenumber">
+            <el-input v-model.trim="phoneForm.phonenumber" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="备注" prop="message">
+            <el-input v-model.trim="phoneForm.message" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addPhone, updatePhono } from '@/api/phone'
+
+export default {
+  name: 'EditPhone',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      phoneForm: {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        phonenumber: [{ required: true, message: '电话号码不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.phoneForm = {
+          id: row.id,
+          phonenumber: row.phonenumber,
+          message: row.message
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.phoneForm = {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.phoneForm)
+        if (valid) {
+          this.btnLoading = true
+          addPhone(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updatePhono(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/realtimeCheck.vue b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
new file mode 100644
index 0000000..86ca9c6
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <div class="line" >座席姓名 ：{{ seatForm.agentUserName }}</div>
+      <div class="line" >座席工号 ：{{ seatForm.agentName }}</div>
+      <div class="line" >座席电话 ：{{ seatForm.phone }}</div>
+      <div class="line" >座席状态 ：{{ seatForm.signin }}</div>
+      <div class="line" >登录分机 ：{{ seatForm.exten }}</div>
+      <div class="line" >主叫号码 ：{{ seatForm.callerNumber }}</div>
+      <div class="line" >被叫号码 ：{{ seatForm.calleeNumber }}</div>
+      <div class="btns">
+        <el-button type="primary" size="small">实时质检</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RealtimeCheck',
+  data() {
+    return {
+      seatForm: {
+        agentUserName: '--',
+        agentName: '--',
+        phone: '--',
+        signin: '--',
+        exten: '--',
+        callerNumber: '--',
+        calleeNumber: '--'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.realtime-check-div{
+  padding: 10px 0px;
+  height: 100%;
+  .title{
+    padding-left: 15px;
+    line-height: 2;
+    width: 100%;
+    background-color: #3a8ee6;
+    color:#ffffff;
+  }
+  .body{
+    height: 100%;
+    border-left:1px solid #f0f0f0;
+    padding-left: 20px;
+    padding-top: 10px;
+    .line{
+      line-height: 2
+    }
+    .btns{
+      margin-top: 20px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/seat.vue b/src/views/monitor/seatMonitor/components/seat.vue
new file mode 100644
index 0000000..a4b1a9c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/seat.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="seat-div">
+    <div class="seat-svg">
+      <svg-icon :class="'seat-'+seatStatus" icon-class="icon-seat" class="icon-seat"/>
+    </div>
+    <div class="seat-text">
+      {{ agentName }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Seat',
+  props: {
+    seatStatus: {
+      type: String,
+      default: 'busy'
+    },
+    agentName: {
+      type: String,
+      default: '6042'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$iconsize:80px;
+.seat-div{
+  width:100%;
+  margin-bottom: 20px;
+  display: inline-block;
+  .seat-svg{
+    text-align: center;
+  }
+  .icon-seat{
+    width: $iconsize;
+    height:$iconsize;
+    font-size:$iconsize;
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-text{
+    margin-top: 10px;
+    text-align: center;
+  }
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/seatMonitor.vue b/src/views/monitor/seatMonitor/seatMonitor.vue
new file mode 100644
index 0000000..38e014c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/seatMonitor.vue
@@ -0,0 +1,41 @@
+<template>
+  <app-container>
+    <all-show/>
+    <el-row>
+      <el-col :span="6">
+        <ivr-area/>
+      </el-col>
+      <el-col :span="12">
+        <el-row>
+          <div class="realtime-seats">
+            <el-col v-for="i in 8" :span="6">
+              <seat/>
+            </el-col>
+          </div>
+        </el-row>
+      </el-col>
+      <el-col :span="6">
+        <realtime-check/>
+      </el-col>
+    </el-row>
+
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '../../../components/layout/AppContainer'
+import Seat from './components/seat'
+import AllShow from './components/allShow'
+import RealtimeCheck from './components/realtimeCheck'
+import IvrArea from './components/ivrArea'
+export default {
+  name: 'SeatMonitor',
+  components: { IvrArea, RealtimeCheck, AllShow, Seat, AppContainer }
+}
+</script>
+
+<style scoped>
+.realtime-seats{
+  padding:30px 20px;
+}
+</style>
diff --git a/src/views/phoneManage/bindSeats.vue b/src/views/phoneManage/bindSeats.vue
new file mode 100644
index 0000000..bffcb93
--- /dev/null
+++ b/src/views/phoneManage/bindSeats.vue
@@ -0,0 +1,112 @@
+<template>
+  <el-dialog :visible.sync="dialogFormVisible" :title="titleText" width="330px" append-to-body>
+    <el-scrollbar>
+      <el-tree
+        v-loading="loading"
+        ref="tree"
+        :props="defaultProps"
+        :data="dataList"
+        :default-expanded-keys="defaultExpanded"
+        :default-checked-keys="defaultChecked"
+        :default-expand-all="defaultExpandAll"
+        show-checkbox
+        check-strictly
+        node-key="id"
+        @check-change="handleCheckChange"/>
+    </el-scrollbar>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+// import { toTreeList, getShowItem } from '@/utils/structure'
+import { getUserSimpleList } from '@/api/system/user'
+import { bindSeats } from '@/api/phone'
+
+export default {
+  name: 'BindSeats',
+  data() {
+    return {
+      extensionPhoneId: '', // 分机id
+      extensionPhoneName: '', // 分机名称
+      ids: [], // 选中项id
+      dialogFormVisible: false, // 对话框是否显示
+      defaultProps: {
+        label: 'name',
+        children: 'children'
+      },
+      dataList: null, // 列表数据
+      defaultExpanded: [], // 默认展开的项
+      defaultChecked: [], // 默认选中的树
+      loading: false, // 加载动态效果
+      defaultExpandAll: true // 是否展开树
+    }
+  },
+  computed: {
+    titleText: function() {
+      return '绑定座席'
+    }
+  },
+  created: function() {
+    // this.fetchUserList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible, row) {
+      this.loading = true
+      this.extensionPhoneId = row.id
+      this.extensionPhoneName = row.phonenumber
+      const checked = row.seatsIds.split(',')
+      this.defaultChecked = checked
+      this.dialogFormVisible = dialogFormVisible
+      this.fetchUserList()
+    },
+    // 获取座席员列表
+    fetchUserList() {
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        if (response.code === 200) {
+          this.dataList = response.data
+          this.loading = false
+        }
+      })
+    },
+    saveData: function() {
+      this.ids = this.$refs.tree.getCheckedKeys()
+      bindSeats(this.extensionPhoneId, this.ids).then(response => {
+        if (response.code === 200) {
+          this.$message.success('角色分配成功')
+          this.dialogFormVisible = false
+          this.$emit('watchChild')
+        }
+      })
+    },
+    handleCheckChange() {
+      console.log('handleCheckChange')
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    min-width:350px !important;
+  }
+  .el-tree{
+    max-height:300px;
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/editPhone.vue b/src/views/phoneManage/editPhone.vue
new file mode 100644
index 0000000..d90a736
--- /dev/null
+++ b/src/views/phoneManage/editPhone.vue
@@ -0,0 +1,146 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="phoneForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="分机号码" prop="phonenumber">
+            <el-input v-model.trim="phoneForm.phonenumber" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="备注" prop="message">
+            <el-input v-model.trim="phoneForm.message" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addPhone, updatePhono } from '@/api/phone'
+
+export default {
+  name: 'EditPhone',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      phoneForm: {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        phonenumber: [{ required: true, message: '电话号码不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.phoneForm = {
+          id: row.id,
+          phonenumber: row.phonenumber,
+          message: row.message
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.phoneForm = {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.phoneForm)
+        if (valid) {
+          this.btnLoading = true
+          addPhone(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updatePhono(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/phoneManage.vue b/src/views/phoneManage/phoneManage.vue
new file mode 100644
index 0000000..b40222a
--- /dev/null
+++ b/src/views/phoneManage/phoneManage.vue
@@ -0,0 +1,179 @@
+<template>
+  <app-container>
+    <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="关键字" clearable/>
+      </search-item>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="add">新增</el-button>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-delete" @click="del">删除</el-button>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :size="size"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption">
+      <template slot="columns">
+        <el-table-column label="操作" align="center">
+          <template slot-scope="scope">
+            <!--<el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>-->
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
+            <el-button type="text" size="small" @click.stop="bind(scope.row)">绑定座席</el-button>
+            <el-button type="text" size="small" @click.stop="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-phone ref="editdialog" @refresh="fetchData"/>
+    <bind-seats ref="bindseat" @refresh="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import NormalTable from '@/components/NomalTable'
+import { phoneList, delPhone } from '@/api/phone'
+import EditPhone from './editPhone'
+import BindSeats from './bindSeats'
+
+export default {
+  name: 'PhoneManage',
+  components: { BindSeats, SearchArea, SearchItem, EditPhone, AppContainer, NormalTable },
+  data() {
+    return {
+      modularId: '',
+      status: '1',
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        keywords: '',
+        offset: 1,
+        limit: 100,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '分机号',
+          value: 'phoneNumber',
+          align: 'center'
+        },
+        {
+          text: '已绑定座席',
+          value: 'seats',
+          align: 'center'
+        },
+        {
+          text: '备注',
+          value: 'messsage',
+          align: 'center'
+        }
+      ], // 显示列
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: false // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      phoneList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          // response.data.rows = [
+          //   { 'id': '1', 'phoneNumber': '6042', 'seats': '张三', 'seatsIds': '1', 'message': '测试分机' }
+          // ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加分机
+    add(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑分机
+    edit(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 绑定座席
+    bind(row) {
+      this.$refs.bindseat.initDialog(true, row)
+    },
+    // 删除分机
+    del(row) {
+      this.$confirm(
+        '确定要删除该分机吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delPhone(row.secondIndex).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    watchChild() {
+      console.log('watchChild')
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .btn-div{
+    margin-bottom: 10px;
+  }
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/realtimeCheck.vue b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
new file mode 100644
index 0000000..86ca9c6
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <div class="line" >座席姓名 ：{{ seatForm.agentUserName }}</div>
+      <div class="line" >座席工号 ：{{ seatForm.agentName }}</div>
+      <div class="line" >座席电话 ：{{ seatForm.phone }}</div>
+      <div class="line" >座席状态 ：{{ seatForm.signin }}</div>
+      <div class="line" >登录分机 ：{{ seatForm.exten }}</div>
+      <div class="line" >主叫号码 ：{{ seatForm.callerNumber }}</div>
+      <div class="line" >被叫号码 ：{{ seatForm.calleeNumber }}</div>
+      <div class="btns">
+        <el-button type="primary" size="small">实时质检</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RealtimeCheck',
+  data() {
+    return {
+      seatForm: {
+        agentUserName: '--',
+        agentName: '--',
+        phone: '--',
+        signin: '--',
+        exten: '--',
+        callerNumber: '--',
+        calleeNumber: '--'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.realtime-check-div{
+  padding: 10px 0px;
+  height: 100%;
+  .title{
+    padding-left: 15px;
+    line-height: 2;
+    width: 100%;
+    background-color: #3a8ee6;
+    color:#ffffff;
+  }
+  .body{
+    height: 100%;
+    border-left:1px solid #f0f0f0;
+    padding-left: 20px;
+    padding-top: 10px;
+    .line{
+      line-height: 2
+    }
+    .btns{
+      margin-top: 20px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/seat.vue b/src/views/monitor/seatMonitor/components/seat.vue
new file mode 100644
index 0000000..a4b1a9c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/seat.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="seat-div">
+    <div class="seat-svg">
+      <svg-icon :class="'seat-'+seatStatus" icon-class="icon-seat" class="icon-seat"/>
+    </div>
+    <div class="seat-text">
+      {{ agentName }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Seat',
+  props: {
+    seatStatus: {
+      type: String,
+      default: 'busy'
+    },
+    agentName: {
+      type: String,
+      default: '6042'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$iconsize:80px;
+.seat-div{
+  width:100%;
+  margin-bottom: 20px;
+  display: inline-block;
+  .seat-svg{
+    text-align: center;
+  }
+  .icon-seat{
+    width: $iconsize;
+    height:$iconsize;
+    font-size:$iconsize;
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-text{
+    margin-top: 10px;
+    text-align: center;
+  }
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/seatMonitor.vue b/src/views/monitor/seatMonitor/seatMonitor.vue
new file mode 100644
index 0000000..38e014c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/seatMonitor.vue
@@ -0,0 +1,41 @@
+<template>
+  <app-container>
+    <all-show/>
+    <el-row>
+      <el-col :span="6">
+        <ivr-area/>
+      </el-col>
+      <el-col :span="12">
+        <el-row>
+          <div class="realtime-seats">
+            <el-col v-for="i in 8" :span="6">
+              <seat/>
+            </el-col>
+          </div>
+        </el-row>
+      </el-col>
+      <el-col :span="6">
+        <realtime-check/>
+      </el-col>
+    </el-row>
+
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '../../../components/layout/AppContainer'
+import Seat from './components/seat'
+import AllShow from './components/allShow'
+import RealtimeCheck from './components/realtimeCheck'
+import IvrArea from './components/ivrArea'
+export default {
+  name: 'SeatMonitor',
+  components: { IvrArea, RealtimeCheck, AllShow, Seat, AppContainer }
+}
+</script>
+
+<style scoped>
+.realtime-seats{
+  padding:30px 20px;
+}
+</style>
diff --git a/src/views/phoneManage/bindSeats.vue b/src/views/phoneManage/bindSeats.vue
new file mode 100644
index 0000000..bffcb93
--- /dev/null
+++ b/src/views/phoneManage/bindSeats.vue
@@ -0,0 +1,112 @@
+<template>
+  <el-dialog :visible.sync="dialogFormVisible" :title="titleText" width="330px" append-to-body>
+    <el-scrollbar>
+      <el-tree
+        v-loading="loading"
+        ref="tree"
+        :props="defaultProps"
+        :data="dataList"
+        :default-expanded-keys="defaultExpanded"
+        :default-checked-keys="defaultChecked"
+        :default-expand-all="defaultExpandAll"
+        show-checkbox
+        check-strictly
+        node-key="id"
+        @check-change="handleCheckChange"/>
+    </el-scrollbar>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+// import { toTreeList, getShowItem } from '@/utils/structure'
+import { getUserSimpleList } from '@/api/system/user'
+import { bindSeats } from '@/api/phone'
+
+export default {
+  name: 'BindSeats',
+  data() {
+    return {
+      extensionPhoneId: '', // 分机id
+      extensionPhoneName: '', // 分机名称
+      ids: [], // 选中项id
+      dialogFormVisible: false, // 对话框是否显示
+      defaultProps: {
+        label: 'name',
+        children: 'children'
+      },
+      dataList: null, // 列表数据
+      defaultExpanded: [], // 默认展开的项
+      defaultChecked: [], // 默认选中的树
+      loading: false, // 加载动态效果
+      defaultExpandAll: true // 是否展开树
+    }
+  },
+  computed: {
+    titleText: function() {
+      return '绑定座席'
+    }
+  },
+  created: function() {
+    // this.fetchUserList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible, row) {
+      this.loading = true
+      this.extensionPhoneId = row.id
+      this.extensionPhoneName = row.phonenumber
+      const checked = row.seatsIds.split(',')
+      this.defaultChecked = checked
+      this.dialogFormVisible = dialogFormVisible
+      this.fetchUserList()
+    },
+    // 获取座席员列表
+    fetchUserList() {
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        if (response.code === 200) {
+          this.dataList = response.data
+          this.loading = false
+        }
+      })
+    },
+    saveData: function() {
+      this.ids = this.$refs.tree.getCheckedKeys()
+      bindSeats(this.extensionPhoneId, this.ids).then(response => {
+        if (response.code === 200) {
+          this.$message.success('角色分配成功')
+          this.dialogFormVisible = false
+          this.$emit('watchChild')
+        }
+      })
+    },
+    handleCheckChange() {
+      console.log('handleCheckChange')
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    min-width:350px !important;
+  }
+  .el-tree{
+    max-height:300px;
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/editPhone.vue b/src/views/phoneManage/editPhone.vue
new file mode 100644
index 0000000..d90a736
--- /dev/null
+++ b/src/views/phoneManage/editPhone.vue
@@ -0,0 +1,146 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="phoneForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="分机号码" prop="phonenumber">
+            <el-input v-model.trim="phoneForm.phonenumber" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="备注" prop="message">
+            <el-input v-model.trim="phoneForm.message" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addPhone, updatePhono } from '@/api/phone'
+
+export default {
+  name: 'EditPhone',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      phoneForm: {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        phonenumber: [{ required: true, message: '电话号码不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.phoneForm = {
+          id: row.id,
+          phonenumber: row.phonenumber,
+          message: row.message
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.phoneForm = {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.phoneForm)
+        if (valid) {
+          this.btnLoading = true
+          addPhone(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updatePhono(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/phoneManage.vue b/src/views/phoneManage/phoneManage.vue
new file mode 100644
index 0000000..b40222a
--- /dev/null
+++ b/src/views/phoneManage/phoneManage.vue
@@ -0,0 +1,179 @@
+<template>
+  <app-container>
+    <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="关键字" clearable/>
+      </search-item>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="add">新增</el-button>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-delete" @click="del">删除</el-button>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :size="size"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption">
+      <template slot="columns">
+        <el-table-column label="操作" align="center">
+          <template slot-scope="scope">
+            <!--<el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>-->
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
+            <el-button type="text" size="small" @click.stop="bind(scope.row)">绑定座席</el-button>
+            <el-button type="text" size="small" @click.stop="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-phone ref="editdialog" @refresh="fetchData"/>
+    <bind-seats ref="bindseat" @refresh="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import NormalTable from '@/components/NomalTable'
+import { phoneList, delPhone } from '@/api/phone'
+import EditPhone from './editPhone'
+import BindSeats from './bindSeats'
+
+export default {
+  name: 'PhoneManage',
+  components: { BindSeats, SearchArea, SearchItem, EditPhone, AppContainer, NormalTable },
+  data() {
+    return {
+      modularId: '',
+      status: '1',
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        keywords: '',
+        offset: 1,
+        limit: 100,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '分机号',
+          value: 'phoneNumber',
+          align: 'center'
+        },
+        {
+          text: '已绑定座席',
+          value: 'seats',
+          align: 'center'
+        },
+        {
+          text: '备注',
+          value: 'messsage',
+          align: 'center'
+        }
+      ], // 显示列
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: false // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      phoneList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          // response.data.rows = [
+          //   { 'id': '1', 'phoneNumber': '6042', 'seats': '张三', 'seatsIds': '1', 'message': '测试分机' }
+          // ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加分机
+    add(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑分机
+    edit(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 绑定座席
+    bind(row) {
+      this.$refs.bindseat.initDialog(true, row)
+    },
+    // 删除分机
+    del(row) {
+      this.$confirm(
+        '确定要删除该分机吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delPhone(row.secondIndex).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    watchChild() {
+      console.log('watchChild')
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .btn-div{
+    margin-bottom: 10px;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/components/modulerTree.vue b/src/views/qualityManage/qualityModular/components/modulerTree.vue
new file mode 100644
index 0000000..8f62c94
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/components/modulerTree.vue
@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>质检模块管理</span>
+          <el-button style="float: right; padding: 3px 0" icon="el-icon-plus" type="text" @click="add"/>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          node-key="id"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+    <edit-modular ref="editdialog" @refresh="refreshTree"/>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import EditModular from '../editModular'
+export default {
+  name: 'ModulerTree',
+  components: { EditModular },
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'modularName'
+      }, // 配置项
+      defaultChecked: ['1'],
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: true // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    fetchTypeTree() {
+      this.treeLoading = true
+      getTypeList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.tree = [{
+          id: '1',
+          modularName: '质检模块管理',
+          disabled: true,
+          children: response.data
+        }]
+        // this.$refs.tree.setCheckedKeys(['2'])
+        // this.$refs.tree.setChecked(response.data[0])
+        // this.$refs.tree.setCurrentKey('2')
+        this.handleNodeClick(response.data[0])
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      if (data.id !== '1') {
+        this.$emit('change', data)
+      }
+    },
+    // 添加模块
+    add() {
+      this.$refs.editdialog.initDialog('create', true)
+    },
+    // 刷新
+    refreshTree() {
+      this.fetchTypeTree()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/realtimeCheck.vue b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
new file mode 100644
index 0000000..86ca9c6
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <div class="line" >座席姓名 ：{{ seatForm.agentUserName }}</div>
+      <div class="line" >座席工号 ：{{ seatForm.agentName }}</div>
+      <div class="line" >座席电话 ：{{ seatForm.phone }}</div>
+      <div class="line" >座席状态 ：{{ seatForm.signin }}</div>
+      <div class="line" >登录分机 ：{{ seatForm.exten }}</div>
+      <div class="line" >主叫号码 ：{{ seatForm.callerNumber }}</div>
+      <div class="line" >被叫号码 ：{{ seatForm.calleeNumber }}</div>
+      <div class="btns">
+        <el-button type="primary" size="small">实时质检</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RealtimeCheck',
+  data() {
+    return {
+      seatForm: {
+        agentUserName: '--',
+        agentName: '--',
+        phone: '--',
+        signin: '--',
+        exten: '--',
+        callerNumber: '--',
+        calleeNumber: '--'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.realtime-check-div{
+  padding: 10px 0px;
+  height: 100%;
+  .title{
+    padding-left: 15px;
+    line-height: 2;
+    width: 100%;
+    background-color: #3a8ee6;
+    color:#ffffff;
+  }
+  .body{
+    height: 100%;
+    border-left:1px solid #f0f0f0;
+    padding-left: 20px;
+    padding-top: 10px;
+    .line{
+      line-height: 2
+    }
+    .btns{
+      margin-top: 20px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/seat.vue b/src/views/monitor/seatMonitor/components/seat.vue
new file mode 100644
index 0000000..a4b1a9c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/seat.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="seat-div">
+    <div class="seat-svg">
+      <svg-icon :class="'seat-'+seatStatus" icon-class="icon-seat" class="icon-seat"/>
+    </div>
+    <div class="seat-text">
+      {{ agentName }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Seat',
+  props: {
+    seatStatus: {
+      type: String,
+      default: 'busy'
+    },
+    agentName: {
+      type: String,
+      default: '6042'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$iconsize:80px;
+.seat-div{
+  width:100%;
+  margin-bottom: 20px;
+  display: inline-block;
+  .seat-svg{
+    text-align: center;
+  }
+  .icon-seat{
+    width: $iconsize;
+    height:$iconsize;
+    font-size:$iconsize;
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-text{
+    margin-top: 10px;
+    text-align: center;
+  }
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/seatMonitor.vue b/src/views/monitor/seatMonitor/seatMonitor.vue
new file mode 100644
index 0000000..38e014c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/seatMonitor.vue
@@ -0,0 +1,41 @@
+<template>
+  <app-container>
+    <all-show/>
+    <el-row>
+      <el-col :span="6">
+        <ivr-area/>
+      </el-col>
+      <el-col :span="12">
+        <el-row>
+          <div class="realtime-seats">
+            <el-col v-for="i in 8" :span="6">
+              <seat/>
+            </el-col>
+          </div>
+        </el-row>
+      </el-col>
+      <el-col :span="6">
+        <realtime-check/>
+      </el-col>
+    </el-row>
+
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '../../../components/layout/AppContainer'
+import Seat from './components/seat'
+import AllShow from './components/allShow'
+import RealtimeCheck from './components/realtimeCheck'
+import IvrArea from './components/ivrArea'
+export default {
+  name: 'SeatMonitor',
+  components: { IvrArea, RealtimeCheck, AllShow, Seat, AppContainer }
+}
+</script>
+
+<style scoped>
+.realtime-seats{
+  padding:30px 20px;
+}
+</style>
diff --git a/src/views/phoneManage/bindSeats.vue b/src/views/phoneManage/bindSeats.vue
new file mode 100644
index 0000000..bffcb93
--- /dev/null
+++ b/src/views/phoneManage/bindSeats.vue
@@ -0,0 +1,112 @@
+<template>
+  <el-dialog :visible.sync="dialogFormVisible" :title="titleText" width="330px" append-to-body>
+    <el-scrollbar>
+      <el-tree
+        v-loading="loading"
+        ref="tree"
+        :props="defaultProps"
+        :data="dataList"
+        :default-expanded-keys="defaultExpanded"
+        :default-checked-keys="defaultChecked"
+        :default-expand-all="defaultExpandAll"
+        show-checkbox
+        check-strictly
+        node-key="id"
+        @check-change="handleCheckChange"/>
+    </el-scrollbar>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+// import { toTreeList, getShowItem } from '@/utils/structure'
+import { getUserSimpleList } from '@/api/system/user'
+import { bindSeats } from '@/api/phone'
+
+export default {
+  name: 'BindSeats',
+  data() {
+    return {
+      extensionPhoneId: '', // 分机id
+      extensionPhoneName: '', // 分机名称
+      ids: [], // 选中项id
+      dialogFormVisible: false, // 对话框是否显示
+      defaultProps: {
+        label: 'name',
+        children: 'children'
+      },
+      dataList: null, // 列表数据
+      defaultExpanded: [], // 默认展开的项
+      defaultChecked: [], // 默认选中的树
+      loading: false, // 加载动态效果
+      defaultExpandAll: true // 是否展开树
+    }
+  },
+  computed: {
+    titleText: function() {
+      return '绑定座席'
+    }
+  },
+  created: function() {
+    // this.fetchUserList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible, row) {
+      this.loading = true
+      this.extensionPhoneId = row.id
+      this.extensionPhoneName = row.phonenumber
+      const checked = row.seatsIds.split(',')
+      this.defaultChecked = checked
+      this.dialogFormVisible = dialogFormVisible
+      this.fetchUserList()
+    },
+    // 获取座席员列表
+    fetchUserList() {
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        if (response.code === 200) {
+          this.dataList = response.data
+          this.loading = false
+        }
+      })
+    },
+    saveData: function() {
+      this.ids = this.$refs.tree.getCheckedKeys()
+      bindSeats(this.extensionPhoneId, this.ids).then(response => {
+        if (response.code === 200) {
+          this.$message.success('角色分配成功')
+          this.dialogFormVisible = false
+          this.$emit('watchChild')
+        }
+      })
+    },
+    handleCheckChange() {
+      console.log('handleCheckChange')
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    min-width:350px !important;
+  }
+  .el-tree{
+    max-height:300px;
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/editPhone.vue b/src/views/phoneManage/editPhone.vue
new file mode 100644
index 0000000..d90a736
--- /dev/null
+++ b/src/views/phoneManage/editPhone.vue
@@ -0,0 +1,146 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="phoneForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="分机号码" prop="phonenumber">
+            <el-input v-model.trim="phoneForm.phonenumber" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="备注" prop="message">
+            <el-input v-model.trim="phoneForm.message" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addPhone, updatePhono } from '@/api/phone'
+
+export default {
+  name: 'EditPhone',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      phoneForm: {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        phonenumber: [{ required: true, message: '电话号码不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.phoneForm = {
+          id: row.id,
+          phonenumber: row.phonenumber,
+          message: row.message
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.phoneForm = {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.phoneForm)
+        if (valid) {
+          this.btnLoading = true
+          addPhone(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updatePhono(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/phoneManage.vue b/src/views/phoneManage/phoneManage.vue
new file mode 100644
index 0000000..b40222a
--- /dev/null
+++ b/src/views/phoneManage/phoneManage.vue
@@ -0,0 +1,179 @@
+<template>
+  <app-container>
+    <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="关键字" clearable/>
+      </search-item>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="add">新增</el-button>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-delete" @click="del">删除</el-button>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :size="size"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption">
+      <template slot="columns">
+        <el-table-column label="操作" align="center">
+          <template slot-scope="scope">
+            <!--<el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>-->
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
+            <el-button type="text" size="small" @click.stop="bind(scope.row)">绑定座席</el-button>
+            <el-button type="text" size="small" @click.stop="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-phone ref="editdialog" @refresh="fetchData"/>
+    <bind-seats ref="bindseat" @refresh="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import NormalTable from '@/components/NomalTable'
+import { phoneList, delPhone } from '@/api/phone'
+import EditPhone from './editPhone'
+import BindSeats from './bindSeats'
+
+export default {
+  name: 'PhoneManage',
+  components: { BindSeats, SearchArea, SearchItem, EditPhone, AppContainer, NormalTable },
+  data() {
+    return {
+      modularId: '',
+      status: '1',
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        keywords: '',
+        offset: 1,
+        limit: 100,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '分机号',
+          value: 'phoneNumber',
+          align: 'center'
+        },
+        {
+          text: '已绑定座席',
+          value: 'seats',
+          align: 'center'
+        },
+        {
+          text: '备注',
+          value: 'messsage',
+          align: 'center'
+        }
+      ], // 显示列
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: false // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      phoneList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          // response.data.rows = [
+          //   { 'id': '1', 'phoneNumber': '6042', 'seats': '张三', 'seatsIds': '1', 'message': '测试分机' }
+          // ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加分机
+    add(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑分机
+    edit(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 绑定座席
+    bind(row) {
+      this.$refs.bindseat.initDialog(true, row)
+    },
+    // 删除分机
+    del(row) {
+      this.$confirm(
+        '确定要删除该分机吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delPhone(row.secondIndex).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    watchChild() {
+      console.log('watchChild')
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .btn-div{
+    margin-bottom: 10px;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/components/modulerTree.vue b/src/views/qualityManage/qualityModular/components/modulerTree.vue
new file mode 100644
index 0000000..8f62c94
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/components/modulerTree.vue
@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>质检模块管理</span>
+          <el-button style="float: right; padding: 3px 0" icon="el-icon-plus" type="text" @click="add"/>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          node-key="id"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+    <edit-modular ref="editdialog" @refresh="refreshTree"/>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import EditModular from '../editModular'
+export default {
+  name: 'ModulerTree',
+  components: { EditModular },
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'modularName'
+      }, // 配置项
+      defaultChecked: ['1'],
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: true // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    fetchTypeTree() {
+      this.treeLoading = true
+      getTypeList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.tree = [{
+          id: '1',
+          modularName: '质检模块管理',
+          disabled: true,
+          children: response.data
+        }]
+        // this.$refs.tree.setCheckedKeys(['2'])
+        // this.$refs.tree.setChecked(response.data[0])
+        // this.$refs.tree.setCurrentKey('2')
+        this.handleNodeClick(response.data[0])
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      if (data.id !== '1') {
+        this.$emit('change', data)
+      }
+    },
+    // 添加模块
+    add() {
+      this.$refs.editdialog.initDialog('create', true)
+    },
+    // 刷新
+    refreshTree() {
+      this.fetchTypeTree()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualityModular/editIndex.vue b/src/views/qualityManage/qualityModular/editIndex.vue
new file mode 100644
index 0000000..1483461
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/editIndex.vue
@@ -0,0 +1,195 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="indexForm" size="small" label-position="right" label-width="140px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="指标名称" prop="indexName">
+            <el-input v-model.trim="indexForm.indexName" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="指标级别" prop="level">
+            <el-select v-model="indexForm.level" placeholder="请选择">
+              <el-option
+                v-for="item in levelList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-if="indexForm.level=='2'" :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="指标类型" prop="indexType">
+            <el-select v-model="indexForm.indexType" placeholder="请选择">
+              <el-option
+                v-for="item in indexTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col v-if="indexForm.indexType=='1'" :span="12">
+          <el-form-item label="分值" prop="score">
+            <el-input v-model.trim="indexForm.score" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="质检考核标准解析" prop="indexDetail">
+            <el-input v-model.trim="indexForm.indexDetail" :disabled="disabled" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addCustomer, updateCustomer } from '@/api/customer'
+
+export default {
+  indexName: 'EditIndex',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      indexForm: {
+        id: '', // 编号
+        modularId: '', // 模块id
+        indexName: '', // 指标名称
+        level: '', // 指标等级
+        firstIndexId: '', // 上级id
+        indexDetail: '', // 考核标准
+        score: '', // 分数
+        indexType: '' // 指标类型
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        indexName: [{ required: true, message: '姓名不能为空', trigger: ['blur', 'change'] }],
+        level: [{ required: true, message: '等级不能为空', trigger: ['blur', 'change'] }],
+        indexType: [{ required: true, message: '指标类型不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '分值不能为空', trigger: ['blur', 'change'] }],
+        indexDetail: [{ required: true, message: '内容不能为空', trigger: ['blur', 'change'] }]
+      },
+      levelList: [{ name: '一级指标', value: '1' }, { name: '二级指标', value: '2' }],
+      indexTypeList: [{ name: '分值型', value: '1' }, { name: '是非型', value: '2' }],
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.indexForm = {
+          id: row.id, // 编号
+          modularId: row.modularId, // 模块id
+          indexName: row.secondIndexName, // 指标名称
+          level: '2', // 指标等级
+          firstIndexId: row.firstIndex, // 上级id
+          indexDetail: row.indexDetail, // 考核标准
+          score: row.score, // 分数
+          indexType: row.indexType // 指标类型
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.indexForm = {
+        id: '', // 编号
+        modularId: '', // 模块id
+        indexName: '', // 指标名称
+        level: '', // 指标等级
+        firstIndexId: '', // 上级id
+        indexDetail: '', // 考核标准
+        score: '', // 分数
+        indexType: '' // 指标类型
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.indexForm)
+        if (valid) {
+          this.btnLoading = true
+          addCustomer(this.indexForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateCustomer(this.indexForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/realtimeCheck.vue b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
new file mode 100644
index 0000000..86ca9c6
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <div class="line" >座席姓名 ：{{ seatForm.agentUserName }}</div>
+      <div class="line" >座席工号 ：{{ seatForm.agentName }}</div>
+      <div class="line" >座席电话 ：{{ seatForm.phone }}</div>
+      <div class="line" >座席状态 ：{{ seatForm.signin }}</div>
+      <div class="line" >登录分机 ：{{ seatForm.exten }}</div>
+      <div class="line" >主叫号码 ：{{ seatForm.callerNumber }}</div>
+      <div class="line" >被叫号码 ：{{ seatForm.calleeNumber }}</div>
+      <div class="btns">
+        <el-button type="primary" size="small">实时质检</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RealtimeCheck',
+  data() {
+    return {
+      seatForm: {
+        agentUserName: '--',
+        agentName: '--',
+        phone: '--',
+        signin: '--',
+        exten: '--',
+        callerNumber: '--',
+        calleeNumber: '--'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.realtime-check-div{
+  padding: 10px 0px;
+  height: 100%;
+  .title{
+    padding-left: 15px;
+    line-height: 2;
+    width: 100%;
+    background-color: #3a8ee6;
+    color:#ffffff;
+  }
+  .body{
+    height: 100%;
+    border-left:1px solid #f0f0f0;
+    padding-left: 20px;
+    padding-top: 10px;
+    .line{
+      line-height: 2
+    }
+    .btns{
+      margin-top: 20px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/seat.vue b/src/views/monitor/seatMonitor/components/seat.vue
new file mode 100644
index 0000000..a4b1a9c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/seat.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="seat-div">
+    <div class="seat-svg">
+      <svg-icon :class="'seat-'+seatStatus" icon-class="icon-seat" class="icon-seat"/>
+    </div>
+    <div class="seat-text">
+      {{ agentName }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Seat',
+  props: {
+    seatStatus: {
+      type: String,
+      default: 'busy'
+    },
+    agentName: {
+      type: String,
+      default: '6042'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$iconsize:80px;
+.seat-div{
+  width:100%;
+  margin-bottom: 20px;
+  display: inline-block;
+  .seat-svg{
+    text-align: center;
+  }
+  .icon-seat{
+    width: $iconsize;
+    height:$iconsize;
+    font-size:$iconsize;
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-text{
+    margin-top: 10px;
+    text-align: center;
+  }
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/seatMonitor.vue b/src/views/monitor/seatMonitor/seatMonitor.vue
new file mode 100644
index 0000000..38e014c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/seatMonitor.vue
@@ -0,0 +1,41 @@
+<template>
+  <app-container>
+    <all-show/>
+    <el-row>
+      <el-col :span="6">
+        <ivr-area/>
+      </el-col>
+      <el-col :span="12">
+        <el-row>
+          <div class="realtime-seats">
+            <el-col v-for="i in 8" :span="6">
+              <seat/>
+            </el-col>
+          </div>
+        </el-row>
+      </el-col>
+      <el-col :span="6">
+        <realtime-check/>
+      </el-col>
+    </el-row>
+
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '../../../components/layout/AppContainer'
+import Seat from './components/seat'
+import AllShow from './components/allShow'
+import RealtimeCheck from './components/realtimeCheck'
+import IvrArea from './components/ivrArea'
+export default {
+  name: 'SeatMonitor',
+  components: { IvrArea, RealtimeCheck, AllShow, Seat, AppContainer }
+}
+</script>
+
+<style scoped>
+.realtime-seats{
+  padding:30px 20px;
+}
+</style>
diff --git a/src/views/phoneManage/bindSeats.vue b/src/views/phoneManage/bindSeats.vue
new file mode 100644
index 0000000..bffcb93
--- /dev/null
+++ b/src/views/phoneManage/bindSeats.vue
@@ -0,0 +1,112 @@
+<template>
+  <el-dialog :visible.sync="dialogFormVisible" :title="titleText" width="330px" append-to-body>
+    <el-scrollbar>
+      <el-tree
+        v-loading="loading"
+        ref="tree"
+        :props="defaultProps"
+        :data="dataList"
+        :default-expanded-keys="defaultExpanded"
+        :default-checked-keys="defaultChecked"
+        :default-expand-all="defaultExpandAll"
+        show-checkbox
+        check-strictly
+        node-key="id"
+        @check-change="handleCheckChange"/>
+    </el-scrollbar>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+// import { toTreeList, getShowItem } from '@/utils/structure'
+import { getUserSimpleList } from '@/api/system/user'
+import { bindSeats } from '@/api/phone'
+
+export default {
+  name: 'BindSeats',
+  data() {
+    return {
+      extensionPhoneId: '', // 分机id
+      extensionPhoneName: '', // 分机名称
+      ids: [], // 选中项id
+      dialogFormVisible: false, // 对话框是否显示
+      defaultProps: {
+        label: 'name',
+        children: 'children'
+      },
+      dataList: null, // 列表数据
+      defaultExpanded: [], // 默认展开的项
+      defaultChecked: [], // 默认选中的树
+      loading: false, // 加载动态效果
+      defaultExpandAll: true // 是否展开树
+    }
+  },
+  computed: {
+    titleText: function() {
+      return '绑定座席'
+    }
+  },
+  created: function() {
+    // this.fetchUserList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible, row) {
+      this.loading = true
+      this.extensionPhoneId = row.id
+      this.extensionPhoneName = row.phonenumber
+      const checked = row.seatsIds.split(',')
+      this.defaultChecked = checked
+      this.dialogFormVisible = dialogFormVisible
+      this.fetchUserList()
+    },
+    // 获取座席员列表
+    fetchUserList() {
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        if (response.code === 200) {
+          this.dataList = response.data
+          this.loading = false
+        }
+      })
+    },
+    saveData: function() {
+      this.ids = this.$refs.tree.getCheckedKeys()
+      bindSeats(this.extensionPhoneId, this.ids).then(response => {
+        if (response.code === 200) {
+          this.$message.success('角色分配成功')
+          this.dialogFormVisible = false
+          this.$emit('watchChild')
+        }
+      })
+    },
+    handleCheckChange() {
+      console.log('handleCheckChange')
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    min-width:350px !important;
+  }
+  .el-tree{
+    max-height:300px;
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/editPhone.vue b/src/views/phoneManage/editPhone.vue
new file mode 100644
index 0000000..d90a736
--- /dev/null
+++ b/src/views/phoneManage/editPhone.vue
@@ -0,0 +1,146 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="phoneForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="分机号码" prop="phonenumber">
+            <el-input v-model.trim="phoneForm.phonenumber" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="备注" prop="message">
+            <el-input v-model.trim="phoneForm.message" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addPhone, updatePhono } from '@/api/phone'
+
+export default {
+  name: 'EditPhone',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      phoneForm: {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        phonenumber: [{ required: true, message: '电话号码不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.phoneForm = {
+          id: row.id,
+          phonenumber: row.phonenumber,
+          message: row.message
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.phoneForm = {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.phoneForm)
+        if (valid) {
+          this.btnLoading = true
+          addPhone(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updatePhono(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/phoneManage.vue b/src/views/phoneManage/phoneManage.vue
new file mode 100644
index 0000000..b40222a
--- /dev/null
+++ b/src/views/phoneManage/phoneManage.vue
@@ -0,0 +1,179 @@
+<template>
+  <app-container>
+    <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="关键字" clearable/>
+      </search-item>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="add">新增</el-button>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-delete" @click="del">删除</el-button>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :size="size"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption">
+      <template slot="columns">
+        <el-table-column label="操作" align="center">
+          <template slot-scope="scope">
+            <!--<el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>-->
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
+            <el-button type="text" size="small" @click.stop="bind(scope.row)">绑定座席</el-button>
+            <el-button type="text" size="small" @click.stop="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-phone ref="editdialog" @refresh="fetchData"/>
+    <bind-seats ref="bindseat" @refresh="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import NormalTable from '@/components/NomalTable'
+import { phoneList, delPhone } from '@/api/phone'
+import EditPhone from './editPhone'
+import BindSeats from './bindSeats'
+
+export default {
+  name: 'PhoneManage',
+  components: { BindSeats, SearchArea, SearchItem, EditPhone, AppContainer, NormalTable },
+  data() {
+    return {
+      modularId: '',
+      status: '1',
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        keywords: '',
+        offset: 1,
+        limit: 100,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '分机号',
+          value: 'phoneNumber',
+          align: 'center'
+        },
+        {
+          text: '已绑定座席',
+          value: 'seats',
+          align: 'center'
+        },
+        {
+          text: '备注',
+          value: 'messsage',
+          align: 'center'
+        }
+      ], // 显示列
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: false // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      phoneList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          // response.data.rows = [
+          //   { 'id': '1', 'phoneNumber': '6042', 'seats': '张三', 'seatsIds': '1', 'message': '测试分机' }
+          // ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加分机
+    add(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑分机
+    edit(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 绑定座席
+    bind(row) {
+      this.$refs.bindseat.initDialog(true, row)
+    },
+    // 删除分机
+    del(row) {
+      this.$confirm(
+        '确定要删除该分机吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delPhone(row.secondIndex).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    watchChild() {
+      console.log('watchChild')
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .btn-div{
+    margin-bottom: 10px;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/components/modulerTree.vue b/src/views/qualityManage/qualityModular/components/modulerTree.vue
new file mode 100644
index 0000000..8f62c94
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/components/modulerTree.vue
@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>质检模块管理</span>
+          <el-button style="float: right; padding: 3px 0" icon="el-icon-plus" type="text" @click="add"/>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          node-key="id"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+    <edit-modular ref="editdialog" @refresh="refreshTree"/>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import EditModular from '../editModular'
+export default {
+  name: 'ModulerTree',
+  components: { EditModular },
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'modularName'
+      }, // 配置项
+      defaultChecked: ['1'],
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: true // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    fetchTypeTree() {
+      this.treeLoading = true
+      getTypeList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.tree = [{
+          id: '1',
+          modularName: '质检模块管理',
+          disabled: true,
+          children: response.data
+        }]
+        // this.$refs.tree.setCheckedKeys(['2'])
+        // this.$refs.tree.setChecked(response.data[0])
+        // this.$refs.tree.setCurrentKey('2')
+        this.handleNodeClick(response.data[0])
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      if (data.id !== '1') {
+        this.$emit('change', data)
+      }
+    },
+    // 添加模块
+    add() {
+      this.$refs.editdialog.initDialog('create', true)
+    },
+    // 刷新
+    refreshTree() {
+      this.fetchTypeTree()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualityModular/editIndex.vue b/src/views/qualityManage/qualityModular/editIndex.vue
new file mode 100644
index 0000000..1483461
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/editIndex.vue
@@ -0,0 +1,195 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="indexForm" size="small" label-position="right" label-width="140px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="指标名称" prop="indexName">
+            <el-input v-model.trim="indexForm.indexName" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="指标级别" prop="level">
+            <el-select v-model="indexForm.level" placeholder="请选择">
+              <el-option
+                v-for="item in levelList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-if="indexForm.level=='2'" :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="指标类型" prop="indexType">
+            <el-select v-model="indexForm.indexType" placeholder="请选择">
+              <el-option
+                v-for="item in indexTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col v-if="indexForm.indexType=='1'" :span="12">
+          <el-form-item label="分值" prop="score">
+            <el-input v-model.trim="indexForm.score" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="质检考核标准解析" prop="indexDetail">
+            <el-input v-model.trim="indexForm.indexDetail" :disabled="disabled" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addCustomer, updateCustomer } from '@/api/customer'
+
+export default {
+  indexName: 'EditIndex',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      indexForm: {
+        id: '', // 编号
+        modularId: '', // 模块id
+        indexName: '', // 指标名称
+        level: '', // 指标等级
+        firstIndexId: '', // 上级id
+        indexDetail: '', // 考核标准
+        score: '', // 分数
+        indexType: '' // 指标类型
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        indexName: [{ required: true, message: '姓名不能为空', trigger: ['blur', 'change'] }],
+        level: [{ required: true, message: '等级不能为空', trigger: ['blur', 'change'] }],
+        indexType: [{ required: true, message: '指标类型不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '分值不能为空', trigger: ['blur', 'change'] }],
+        indexDetail: [{ required: true, message: '内容不能为空', trigger: ['blur', 'change'] }]
+      },
+      levelList: [{ name: '一级指标', value: '1' }, { name: '二级指标', value: '2' }],
+      indexTypeList: [{ name: '分值型', value: '1' }, { name: '是非型', value: '2' }],
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.indexForm = {
+          id: row.id, // 编号
+          modularId: row.modularId, // 模块id
+          indexName: row.secondIndexName, // 指标名称
+          level: '2', // 指标等级
+          firstIndexId: row.firstIndex, // 上级id
+          indexDetail: row.indexDetail, // 考核标准
+          score: row.score, // 分数
+          indexType: row.indexType // 指标类型
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.indexForm = {
+        id: '', // 编号
+        modularId: '', // 模块id
+        indexName: '', // 指标名称
+        level: '', // 指标等级
+        firstIndexId: '', // 上级id
+        indexDetail: '', // 考核标准
+        score: '', // 分数
+        indexType: '' // 指标类型
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.indexForm)
+        if (valid) {
+          this.btnLoading = true
+          addCustomer(this.indexForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateCustomer(this.indexForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/editModular.vue b/src/views/qualityManage/qualityModular/editModular.vue
new file mode 100644
index 0000000..8b9e39f
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/editModular.vue
@@ -0,0 +1,158 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="modularForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="模块名称" prop="modularName">
+            <el-input v-model.trim="modularForm.modularName" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="描述" prop="description">
+            <el-input v-model.trim="modularForm.description" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="总分" prop="score">
+            <el-input v-model.trim="modularForm.score" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addCustomer, updateCustomer } from '@/api/customer'
+
+export default {
+  name: 'EditModular',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      modularForm: {
+        id: '',
+        modularName: '',
+        description: '',
+        score: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        modularName: [{ required: true, message: '模块名称不能为空', trigger: ['blur', 'change'] }],
+        description: [{ required: true, message: '描述不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '总分不能为空', trigger: ['blur', 'change'] }],
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.modularForm = {
+          id:row.id,
+          modularName: row.modularName,
+          description: row.description,
+          score: row.score
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.modularForm = {
+        id: '',
+        modularName: '',
+        description: '',
+        score: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.modularForm)
+        if (valid) {
+          this.btnLoading = true
+          addCustomer(this.modularForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateCustomer(this.modularForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/realtimeCheck.vue b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
new file mode 100644
index 0000000..86ca9c6
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <div class="line" >座席姓名 ：{{ seatForm.agentUserName }}</div>
+      <div class="line" >座席工号 ：{{ seatForm.agentName }}</div>
+      <div class="line" >座席电话 ：{{ seatForm.phone }}</div>
+      <div class="line" >座席状态 ：{{ seatForm.signin }}</div>
+      <div class="line" >登录分机 ：{{ seatForm.exten }}</div>
+      <div class="line" >主叫号码 ：{{ seatForm.callerNumber }}</div>
+      <div class="line" >被叫号码 ：{{ seatForm.calleeNumber }}</div>
+      <div class="btns">
+        <el-button type="primary" size="small">实时质检</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RealtimeCheck',
+  data() {
+    return {
+      seatForm: {
+        agentUserName: '--',
+        agentName: '--',
+        phone: '--',
+        signin: '--',
+        exten: '--',
+        callerNumber: '--',
+        calleeNumber: '--'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.realtime-check-div{
+  padding: 10px 0px;
+  height: 100%;
+  .title{
+    padding-left: 15px;
+    line-height: 2;
+    width: 100%;
+    background-color: #3a8ee6;
+    color:#ffffff;
+  }
+  .body{
+    height: 100%;
+    border-left:1px solid #f0f0f0;
+    padding-left: 20px;
+    padding-top: 10px;
+    .line{
+      line-height: 2
+    }
+    .btns{
+      margin-top: 20px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/seat.vue b/src/views/monitor/seatMonitor/components/seat.vue
new file mode 100644
index 0000000..a4b1a9c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/seat.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="seat-div">
+    <div class="seat-svg">
+      <svg-icon :class="'seat-'+seatStatus" icon-class="icon-seat" class="icon-seat"/>
+    </div>
+    <div class="seat-text">
+      {{ agentName }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Seat',
+  props: {
+    seatStatus: {
+      type: String,
+      default: 'busy'
+    },
+    agentName: {
+      type: String,
+      default: '6042'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$iconsize:80px;
+.seat-div{
+  width:100%;
+  margin-bottom: 20px;
+  display: inline-block;
+  .seat-svg{
+    text-align: center;
+  }
+  .icon-seat{
+    width: $iconsize;
+    height:$iconsize;
+    font-size:$iconsize;
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-text{
+    margin-top: 10px;
+    text-align: center;
+  }
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/seatMonitor.vue b/src/views/monitor/seatMonitor/seatMonitor.vue
new file mode 100644
index 0000000..38e014c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/seatMonitor.vue
@@ -0,0 +1,41 @@
+<template>
+  <app-container>
+    <all-show/>
+    <el-row>
+      <el-col :span="6">
+        <ivr-area/>
+      </el-col>
+      <el-col :span="12">
+        <el-row>
+          <div class="realtime-seats">
+            <el-col v-for="i in 8" :span="6">
+              <seat/>
+            </el-col>
+          </div>
+        </el-row>
+      </el-col>
+      <el-col :span="6">
+        <realtime-check/>
+      </el-col>
+    </el-row>
+
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '../../../components/layout/AppContainer'
+import Seat from './components/seat'
+import AllShow from './components/allShow'
+import RealtimeCheck from './components/realtimeCheck'
+import IvrArea from './components/ivrArea'
+export default {
+  name: 'SeatMonitor',
+  components: { IvrArea, RealtimeCheck, AllShow, Seat, AppContainer }
+}
+</script>
+
+<style scoped>
+.realtime-seats{
+  padding:30px 20px;
+}
+</style>
diff --git a/src/views/phoneManage/bindSeats.vue b/src/views/phoneManage/bindSeats.vue
new file mode 100644
index 0000000..bffcb93
--- /dev/null
+++ b/src/views/phoneManage/bindSeats.vue
@@ -0,0 +1,112 @@
+<template>
+  <el-dialog :visible.sync="dialogFormVisible" :title="titleText" width="330px" append-to-body>
+    <el-scrollbar>
+      <el-tree
+        v-loading="loading"
+        ref="tree"
+        :props="defaultProps"
+        :data="dataList"
+        :default-expanded-keys="defaultExpanded"
+        :default-checked-keys="defaultChecked"
+        :default-expand-all="defaultExpandAll"
+        show-checkbox
+        check-strictly
+        node-key="id"
+        @check-change="handleCheckChange"/>
+    </el-scrollbar>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+// import { toTreeList, getShowItem } from '@/utils/structure'
+import { getUserSimpleList } from '@/api/system/user'
+import { bindSeats } from '@/api/phone'
+
+export default {
+  name: 'BindSeats',
+  data() {
+    return {
+      extensionPhoneId: '', // 分机id
+      extensionPhoneName: '', // 分机名称
+      ids: [], // 选中项id
+      dialogFormVisible: false, // 对话框是否显示
+      defaultProps: {
+        label: 'name',
+        children: 'children'
+      },
+      dataList: null, // 列表数据
+      defaultExpanded: [], // 默认展开的项
+      defaultChecked: [], // 默认选中的树
+      loading: false, // 加载动态效果
+      defaultExpandAll: true // 是否展开树
+    }
+  },
+  computed: {
+    titleText: function() {
+      return '绑定座席'
+    }
+  },
+  created: function() {
+    // this.fetchUserList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible, row) {
+      this.loading = true
+      this.extensionPhoneId = row.id
+      this.extensionPhoneName = row.phonenumber
+      const checked = row.seatsIds.split(',')
+      this.defaultChecked = checked
+      this.dialogFormVisible = dialogFormVisible
+      this.fetchUserList()
+    },
+    // 获取座席员列表
+    fetchUserList() {
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        if (response.code === 200) {
+          this.dataList = response.data
+          this.loading = false
+        }
+      })
+    },
+    saveData: function() {
+      this.ids = this.$refs.tree.getCheckedKeys()
+      bindSeats(this.extensionPhoneId, this.ids).then(response => {
+        if (response.code === 200) {
+          this.$message.success('角色分配成功')
+          this.dialogFormVisible = false
+          this.$emit('watchChild')
+        }
+      })
+    },
+    handleCheckChange() {
+      console.log('handleCheckChange')
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    min-width:350px !important;
+  }
+  .el-tree{
+    max-height:300px;
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/editPhone.vue b/src/views/phoneManage/editPhone.vue
new file mode 100644
index 0000000..d90a736
--- /dev/null
+++ b/src/views/phoneManage/editPhone.vue
@@ -0,0 +1,146 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="phoneForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="分机号码" prop="phonenumber">
+            <el-input v-model.trim="phoneForm.phonenumber" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="备注" prop="message">
+            <el-input v-model.trim="phoneForm.message" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addPhone, updatePhono } from '@/api/phone'
+
+export default {
+  name: 'EditPhone',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      phoneForm: {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        phonenumber: [{ required: true, message: '电话号码不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.phoneForm = {
+          id: row.id,
+          phonenumber: row.phonenumber,
+          message: row.message
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.phoneForm = {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.phoneForm)
+        if (valid) {
+          this.btnLoading = true
+          addPhone(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updatePhono(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/phoneManage.vue b/src/views/phoneManage/phoneManage.vue
new file mode 100644
index 0000000..b40222a
--- /dev/null
+++ b/src/views/phoneManage/phoneManage.vue
@@ -0,0 +1,179 @@
+<template>
+  <app-container>
+    <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="关键字" clearable/>
+      </search-item>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="add">新增</el-button>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-delete" @click="del">删除</el-button>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :size="size"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption">
+      <template slot="columns">
+        <el-table-column label="操作" align="center">
+          <template slot-scope="scope">
+            <!--<el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>-->
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
+            <el-button type="text" size="small" @click.stop="bind(scope.row)">绑定座席</el-button>
+            <el-button type="text" size="small" @click.stop="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-phone ref="editdialog" @refresh="fetchData"/>
+    <bind-seats ref="bindseat" @refresh="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import NormalTable from '@/components/NomalTable'
+import { phoneList, delPhone } from '@/api/phone'
+import EditPhone from './editPhone'
+import BindSeats from './bindSeats'
+
+export default {
+  name: 'PhoneManage',
+  components: { BindSeats, SearchArea, SearchItem, EditPhone, AppContainer, NormalTable },
+  data() {
+    return {
+      modularId: '',
+      status: '1',
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        keywords: '',
+        offset: 1,
+        limit: 100,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '分机号',
+          value: 'phoneNumber',
+          align: 'center'
+        },
+        {
+          text: '已绑定座席',
+          value: 'seats',
+          align: 'center'
+        },
+        {
+          text: '备注',
+          value: 'messsage',
+          align: 'center'
+        }
+      ], // 显示列
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: false // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      phoneList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          // response.data.rows = [
+          //   { 'id': '1', 'phoneNumber': '6042', 'seats': '张三', 'seatsIds': '1', 'message': '测试分机' }
+          // ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加分机
+    add(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑分机
+    edit(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 绑定座席
+    bind(row) {
+      this.$refs.bindseat.initDialog(true, row)
+    },
+    // 删除分机
+    del(row) {
+      this.$confirm(
+        '确定要删除该分机吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delPhone(row.secondIndex).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    watchChild() {
+      console.log('watchChild')
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .btn-div{
+    margin-bottom: 10px;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/components/modulerTree.vue b/src/views/qualityManage/qualityModular/components/modulerTree.vue
new file mode 100644
index 0000000..8f62c94
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/components/modulerTree.vue
@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>质检模块管理</span>
+          <el-button style="float: right; padding: 3px 0" icon="el-icon-plus" type="text" @click="add"/>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          node-key="id"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+    <edit-modular ref="editdialog" @refresh="refreshTree"/>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import EditModular from '../editModular'
+export default {
+  name: 'ModulerTree',
+  components: { EditModular },
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'modularName'
+      }, // 配置项
+      defaultChecked: ['1'],
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: true // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    fetchTypeTree() {
+      this.treeLoading = true
+      getTypeList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.tree = [{
+          id: '1',
+          modularName: '质检模块管理',
+          disabled: true,
+          children: response.data
+        }]
+        // this.$refs.tree.setCheckedKeys(['2'])
+        // this.$refs.tree.setChecked(response.data[0])
+        // this.$refs.tree.setCurrentKey('2')
+        this.handleNodeClick(response.data[0])
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      if (data.id !== '1') {
+        this.$emit('change', data)
+      }
+    },
+    // 添加模块
+    add() {
+      this.$refs.editdialog.initDialog('create', true)
+    },
+    // 刷新
+    refreshTree() {
+      this.fetchTypeTree()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualityModular/editIndex.vue b/src/views/qualityManage/qualityModular/editIndex.vue
new file mode 100644
index 0000000..1483461
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/editIndex.vue
@@ -0,0 +1,195 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="indexForm" size="small" label-position="right" label-width="140px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="指标名称" prop="indexName">
+            <el-input v-model.trim="indexForm.indexName" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="指标级别" prop="level">
+            <el-select v-model="indexForm.level" placeholder="请选择">
+              <el-option
+                v-for="item in levelList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-if="indexForm.level=='2'" :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="指标类型" prop="indexType">
+            <el-select v-model="indexForm.indexType" placeholder="请选择">
+              <el-option
+                v-for="item in indexTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col v-if="indexForm.indexType=='1'" :span="12">
+          <el-form-item label="分值" prop="score">
+            <el-input v-model.trim="indexForm.score" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="质检考核标准解析" prop="indexDetail">
+            <el-input v-model.trim="indexForm.indexDetail" :disabled="disabled" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addCustomer, updateCustomer } from '@/api/customer'
+
+export default {
+  indexName: 'EditIndex',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      indexForm: {
+        id: '', // 编号
+        modularId: '', // 模块id
+        indexName: '', // 指标名称
+        level: '', // 指标等级
+        firstIndexId: '', // 上级id
+        indexDetail: '', // 考核标准
+        score: '', // 分数
+        indexType: '' // 指标类型
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        indexName: [{ required: true, message: '姓名不能为空', trigger: ['blur', 'change'] }],
+        level: [{ required: true, message: '等级不能为空', trigger: ['blur', 'change'] }],
+        indexType: [{ required: true, message: '指标类型不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '分值不能为空', trigger: ['blur', 'change'] }],
+        indexDetail: [{ required: true, message: '内容不能为空', trigger: ['blur', 'change'] }]
+      },
+      levelList: [{ name: '一级指标', value: '1' }, { name: '二级指标', value: '2' }],
+      indexTypeList: [{ name: '分值型', value: '1' }, { name: '是非型', value: '2' }],
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.indexForm = {
+          id: row.id, // 编号
+          modularId: row.modularId, // 模块id
+          indexName: row.secondIndexName, // 指标名称
+          level: '2', // 指标等级
+          firstIndexId: row.firstIndex, // 上级id
+          indexDetail: row.indexDetail, // 考核标准
+          score: row.score, // 分数
+          indexType: row.indexType // 指标类型
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.indexForm = {
+        id: '', // 编号
+        modularId: '', // 模块id
+        indexName: '', // 指标名称
+        level: '', // 指标等级
+        firstIndexId: '', // 上级id
+        indexDetail: '', // 考核标准
+        score: '', // 分数
+        indexType: '' // 指标类型
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.indexForm)
+        if (valid) {
+          this.btnLoading = true
+          addCustomer(this.indexForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateCustomer(this.indexForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/editModular.vue b/src/views/qualityManage/qualityModular/editModular.vue
new file mode 100644
index 0000000..8b9e39f
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/editModular.vue
@@ -0,0 +1,158 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="modularForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="模块名称" prop="modularName">
+            <el-input v-model.trim="modularForm.modularName" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="描述" prop="description">
+            <el-input v-model.trim="modularForm.description" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="总分" prop="score">
+            <el-input v-model.trim="modularForm.score" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addCustomer, updateCustomer } from '@/api/customer'
+
+export default {
+  name: 'EditModular',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      modularForm: {
+        id: '',
+        modularName: '',
+        description: '',
+        score: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        modularName: [{ required: true, message: '模块名称不能为空', trigger: ['blur', 'change'] }],
+        description: [{ required: true, message: '描述不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '总分不能为空', trigger: ['blur', 'change'] }],
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.modularForm = {
+          id:row.id,
+          modularName: row.modularName,
+          description: row.description,
+          score: row.score
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.modularForm = {
+        id: '',
+        modularName: '',
+        description: '',
+        score: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.modularForm)
+        if (valid) {
+          this.btnLoading = true
+          addCustomer(this.modularForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateCustomer(this.modularForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/qualityIndexManage.vue b/src/views/qualityManage/qualityModular/qualityIndexManage.vue
new file mode 100644
index 0000000..076417d
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/qualityIndexManage.vue
@@ -0,0 +1,243 @@
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="5">
+        <moduler-tree @change="changeType"/>
+      </el-col>
+      <el-col :span="19">
+        <div class="btn-div">
+          <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="addIndex">新增指标</el-button>
+          <el-button v-if="status=='0'" class="filter-item" style="" size="small" type="primary" icon="el-icon-magic-stick" @click="active">生效</el-button>
+          <el-button v-if="status=='1'" class="filter-item" style="" size="small" type="primary" icon="el-icon-magic-stick" @click="inactive">失效</el-button>
+          <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-delete" @click="delModular">删除模块</el-button>
+        </div>
+        <normal-table
+          :data="list"
+          :head="tableOption.head"
+          :size="size"
+          :query="listQuery"
+          :total="total"
+          :columns="columns"
+          :list-loading="listLoading"
+          :options="tableOption.options"
+          :tools-option="tableOption.toolsOption">
+          <template slot="columns">
+            <el-table-column label="操作" align="center">
+              <template slot-scope="scope">
+                <!--<el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>-->
+                <el-button type="text" size="small" @click.stop="editIndex(scope.row)">编辑</el-button>
+                <el-button type="text" size="small" @click.stop="delIndex(scope.row)">删除</el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </el-col>
+    </el-row>
+    <edit-index ref="editdialog" @watchChild="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+// import SearchArea from '@/components/SearchArea/SearchArea'
+// import SearchItem from '@/components/SearchArea/SearchItem'
+import NormalTable from '@/components/NomalTable'
+import { getQIndexList, delQIndex, delModular, activeQModular } from '@/api/qualityCheck'
+// import TypeTree from './components/TypeTree'
+// import EditKnowledge from './editKnowledge'
+// import KnowledgeDetail from '../caseManage/components/knowledgeDetail'
+import ModulerTree from './components/modulerTree'
+import EditIndex from './editIndex'
+
+export default {
+  name: 'QualityIndexManage',
+  components: { EditIndex, AppContainer, NormalTable, ModulerTree },
+  data() {
+    return {
+      modularId: '',
+      status: '1',
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        modularId: '',
+        offset: 1,
+        limit: 100,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '一级指标',
+          value: 'firstIndexName',
+          align: 'center'
+        },
+        {
+          text: '二级指标',
+          value: 'secondIndexName',
+          align: 'center'
+        },
+        {
+          text: '指标考核标准解析',
+          value: 'indexDetail',
+          align: 'center'
+        },
+        {
+          text: '分值',
+          value: 'score',
+          align: 'center'
+        },
+        {
+          text: '评分项类型',
+          value: 'indexTypeName',
+          align: 'center'
+        }
+      ], // 显示列
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: false // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      getQIndexList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          response.data.rows = [
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容准确无误', 'indexDetail': '信息内容准确无误', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容全面', 'indexDetail': '信息内容全面', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '是否与客户核实', 'indexDetail': '是否与客户核实', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '有无夸张', 'indexDetail': '有无夸张', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '吐字清晰', 'indexDetail': '吐字清晰', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语调适当起伏', 'indexDetail': '语调适当起伏', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '声音修饰', 'indexDetail': '声音修饰', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '是否拖音', 'indexDetail': '是否拖音', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语速适中', 'indexDetail': '语速适中', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' }
+          ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加指标
+    addIndex(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑指标
+    editIndex(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 删除指标
+    delIndex(row) {
+      this.$confirm(
+        '确定要删除该指标吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delQIndex(row.secondIndex).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 删除模块
+    delModular() {
+      this.$confirm(
+        '确定要删除该模块吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delModular(this.modularId).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 生效模块
+    active() {
+      this.activeModular('1')
+    },
+    // 失效模块
+    inactive() {
+      this.activeModular('0')
+    },
+    activeModular(status) {
+      activeQModular(this.modularId, status).then(response => {
+        if (response.code === 200) {
+          this.$message.success('操作成功')
+          if (status == '1') {
+            this.status = '0'
+          } else {
+            this.status = '1'
+          }
+        }
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 更换模块
+    changeType(modular) {
+      this.modularId = modular.id
+      this.search()
+    },
+    watchChild() {
+      console.log('watchChild')
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .btn-div{
+    margin-bottom: 10px;
+  }
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/realtimeCheck.vue b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
new file mode 100644
index 0000000..86ca9c6
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <div class="line" >座席姓名 ：{{ seatForm.agentUserName }}</div>
+      <div class="line" >座席工号 ：{{ seatForm.agentName }}</div>
+      <div class="line" >座席电话 ：{{ seatForm.phone }}</div>
+      <div class="line" >座席状态 ：{{ seatForm.signin }}</div>
+      <div class="line" >登录分机 ：{{ seatForm.exten }}</div>
+      <div class="line" >主叫号码 ：{{ seatForm.callerNumber }}</div>
+      <div class="line" >被叫号码 ：{{ seatForm.calleeNumber }}</div>
+      <div class="btns">
+        <el-button type="primary" size="small">实时质检</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RealtimeCheck',
+  data() {
+    return {
+      seatForm: {
+        agentUserName: '--',
+        agentName: '--',
+        phone: '--',
+        signin: '--',
+        exten: '--',
+        callerNumber: '--',
+        calleeNumber: '--'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.realtime-check-div{
+  padding: 10px 0px;
+  height: 100%;
+  .title{
+    padding-left: 15px;
+    line-height: 2;
+    width: 100%;
+    background-color: #3a8ee6;
+    color:#ffffff;
+  }
+  .body{
+    height: 100%;
+    border-left:1px solid #f0f0f0;
+    padding-left: 20px;
+    padding-top: 10px;
+    .line{
+      line-height: 2
+    }
+    .btns{
+      margin-top: 20px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/seat.vue b/src/views/monitor/seatMonitor/components/seat.vue
new file mode 100644
index 0000000..a4b1a9c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/seat.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="seat-div">
+    <div class="seat-svg">
+      <svg-icon :class="'seat-'+seatStatus" icon-class="icon-seat" class="icon-seat"/>
+    </div>
+    <div class="seat-text">
+      {{ agentName }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Seat',
+  props: {
+    seatStatus: {
+      type: String,
+      default: 'busy'
+    },
+    agentName: {
+      type: String,
+      default: '6042'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$iconsize:80px;
+.seat-div{
+  width:100%;
+  margin-bottom: 20px;
+  display: inline-block;
+  .seat-svg{
+    text-align: center;
+  }
+  .icon-seat{
+    width: $iconsize;
+    height:$iconsize;
+    font-size:$iconsize;
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-text{
+    margin-top: 10px;
+    text-align: center;
+  }
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/seatMonitor.vue b/src/views/monitor/seatMonitor/seatMonitor.vue
new file mode 100644
index 0000000..38e014c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/seatMonitor.vue
@@ -0,0 +1,41 @@
+<template>
+  <app-container>
+    <all-show/>
+    <el-row>
+      <el-col :span="6">
+        <ivr-area/>
+      </el-col>
+      <el-col :span="12">
+        <el-row>
+          <div class="realtime-seats">
+            <el-col v-for="i in 8" :span="6">
+              <seat/>
+            </el-col>
+          </div>
+        </el-row>
+      </el-col>
+      <el-col :span="6">
+        <realtime-check/>
+      </el-col>
+    </el-row>
+
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '../../../components/layout/AppContainer'
+import Seat from './components/seat'
+import AllShow from './components/allShow'
+import RealtimeCheck from './components/realtimeCheck'
+import IvrArea from './components/ivrArea'
+export default {
+  name: 'SeatMonitor',
+  components: { IvrArea, RealtimeCheck, AllShow, Seat, AppContainer }
+}
+</script>
+
+<style scoped>
+.realtime-seats{
+  padding:30px 20px;
+}
+</style>
diff --git a/src/views/phoneManage/bindSeats.vue b/src/views/phoneManage/bindSeats.vue
new file mode 100644
index 0000000..bffcb93
--- /dev/null
+++ b/src/views/phoneManage/bindSeats.vue
@@ -0,0 +1,112 @@
+<template>
+  <el-dialog :visible.sync="dialogFormVisible" :title="titleText" width="330px" append-to-body>
+    <el-scrollbar>
+      <el-tree
+        v-loading="loading"
+        ref="tree"
+        :props="defaultProps"
+        :data="dataList"
+        :default-expanded-keys="defaultExpanded"
+        :default-checked-keys="defaultChecked"
+        :default-expand-all="defaultExpandAll"
+        show-checkbox
+        check-strictly
+        node-key="id"
+        @check-change="handleCheckChange"/>
+    </el-scrollbar>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+// import { toTreeList, getShowItem } from '@/utils/structure'
+import { getUserSimpleList } from '@/api/system/user'
+import { bindSeats } from '@/api/phone'
+
+export default {
+  name: 'BindSeats',
+  data() {
+    return {
+      extensionPhoneId: '', // 分机id
+      extensionPhoneName: '', // 分机名称
+      ids: [], // 选中项id
+      dialogFormVisible: false, // 对话框是否显示
+      defaultProps: {
+        label: 'name',
+        children: 'children'
+      },
+      dataList: null, // 列表数据
+      defaultExpanded: [], // 默认展开的项
+      defaultChecked: [], // 默认选中的树
+      loading: false, // 加载动态效果
+      defaultExpandAll: true // 是否展开树
+    }
+  },
+  computed: {
+    titleText: function() {
+      return '绑定座席'
+    }
+  },
+  created: function() {
+    // this.fetchUserList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible, row) {
+      this.loading = true
+      this.extensionPhoneId = row.id
+      this.extensionPhoneName = row.phonenumber
+      const checked = row.seatsIds.split(',')
+      this.defaultChecked = checked
+      this.dialogFormVisible = dialogFormVisible
+      this.fetchUserList()
+    },
+    // 获取座席员列表
+    fetchUserList() {
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        if (response.code === 200) {
+          this.dataList = response.data
+          this.loading = false
+        }
+      })
+    },
+    saveData: function() {
+      this.ids = this.$refs.tree.getCheckedKeys()
+      bindSeats(this.extensionPhoneId, this.ids).then(response => {
+        if (response.code === 200) {
+          this.$message.success('角色分配成功')
+          this.dialogFormVisible = false
+          this.$emit('watchChild')
+        }
+      })
+    },
+    handleCheckChange() {
+      console.log('handleCheckChange')
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    min-width:350px !important;
+  }
+  .el-tree{
+    max-height:300px;
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/editPhone.vue b/src/views/phoneManage/editPhone.vue
new file mode 100644
index 0000000..d90a736
--- /dev/null
+++ b/src/views/phoneManage/editPhone.vue
@@ -0,0 +1,146 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="phoneForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="分机号码" prop="phonenumber">
+            <el-input v-model.trim="phoneForm.phonenumber" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="备注" prop="message">
+            <el-input v-model.trim="phoneForm.message" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addPhone, updatePhono } from '@/api/phone'
+
+export default {
+  name: 'EditPhone',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      phoneForm: {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        phonenumber: [{ required: true, message: '电话号码不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.phoneForm = {
+          id: row.id,
+          phonenumber: row.phonenumber,
+          message: row.message
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.phoneForm = {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.phoneForm)
+        if (valid) {
+          this.btnLoading = true
+          addPhone(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updatePhono(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/phoneManage.vue b/src/views/phoneManage/phoneManage.vue
new file mode 100644
index 0000000..b40222a
--- /dev/null
+++ b/src/views/phoneManage/phoneManage.vue
@@ -0,0 +1,179 @@
+<template>
+  <app-container>
+    <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="关键字" clearable/>
+      </search-item>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="add">新增</el-button>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-delete" @click="del">删除</el-button>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :size="size"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption">
+      <template slot="columns">
+        <el-table-column label="操作" align="center">
+          <template slot-scope="scope">
+            <!--<el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>-->
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
+            <el-button type="text" size="small" @click.stop="bind(scope.row)">绑定座席</el-button>
+            <el-button type="text" size="small" @click.stop="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-phone ref="editdialog" @refresh="fetchData"/>
+    <bind-seats ref="bindseat" @refresh="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import NormalTable from '@/components/NomalTable'
+import { phoneList, delPhone } from '@/api/phone'
+import EditPhone from './editPhone'
+import BindSeats from './bindSeats'
+
+export default {
+  name: 'PhoneManage',
+  components: { BindSeats, SearchArea, SearchItem, EditPhone, AppContainer, NormalTable },
+  data() {
+    return {
+      modularId: '',
+      status: '1',
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        keywords: '',
+        offset: 1,
+        limit: 100,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '分机号',
+          value: 'phoneNumber',
+          align: 'center'
+        },
+        {
+          text: '已绑定座席',
+          value: 'seats',
+          align: 'center'
+        },
+        {
+          text: '备注',
+          value: 'messsage',
+          align: 'center'
+        }
+      ], // 显示列
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: false // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      phoneList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          // response.data.rows = [
+          //   { 'id': '1', 'phoneNumber': '6042', 'seats': '张三', 'seatsIds': '1', 'message': '测试分机' }
+          // ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加分机
+    add(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑分机
+    edit(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 绑定座席
+    bind(row) {
+      this.$refs.bindseat.initDialog(true, row)
+    },
+    // 删除分机
+    del(row) {
+      this.$confirm(
+        '确定要删除该分机吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delPhone(row.secondIndex).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    watchChild() {
+      console.log('watchChild')
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .btn-div{
+    margin-bottom: 10px;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/components/modulerTree.vue b/src/views/qualityManage/qualityModular/components/modulerTree.vue
new file mode 100644
index 0000000..8f62c94
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/components/modulerTree.vue
@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>质检模块管理</span>
+          <el-button style="float: right; padding: 3px 0" icon="el-icon-plus" type="text" @click="add"/>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          node-key="id"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+    <edit-modular ref="editdialog" @refresh="refreshTree"/>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import EditModular from '../editModular'
+export default {
+  name: 'ModulerTree',
+  components: { EditModular },
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'modularName'
+      }, // 配置项
+      defaultChecked: ['1'],
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: true // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    fetchTypeTree() {
+      this.treeLoading = true
+      getTypeList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.tree = [{
+          id: '1',
+          modularName: '质检模块管理',
+          disabled: true,
+          children: response.data
+        }]
+        // this.$refs.tree.setCheckedKeys(['2'])
+        // this.$refs.tree.setChecked(response.data[0])
+        // this.$refs.tree.setCurrentKey('2')
+        this.handleNodeClick(response.data[0])
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      if (data.id !== '1') {
+        this.$emit('change', data)
+      }
+    },
+    // 添加模块
+    add() {
+      this.$refs.editdialog.initDialog('create', true)
+    },
+    // 刷新
+    refreshTree() {
+      this.fetchTypeTree()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualityModular/editIndex.vue b/src/views/qualityManage/qualityModular/editIndex.vue
new file mode 100644
index 0000000..1483461
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/editIndex.vue
@@ -0,0 +1,195 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="indexForm" size="small" label-position="right" label-width="140px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="指标名称" prop="indexName">
+            <el-input v-model.trim="indexForm.indexName" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="指标级别" prop="level">
+            <el-select v-model="indexForm.level" placeholder="请选择">
+              <el-option
+                v-for="item in levelList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-if="indexForm.level=='2'" :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="指标类型" prop="indexType">
+            <el-select v-model="indexForm.indexType" placeholder="请选择">
+              <el-option
+                v-for="item in indexTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col v-if="indexForm.indexType=='1'" :span="12">
+          <el-form-item label="分值" prop="score">
+            <el-input v-model.trim="indexForm.score" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="质检考核标准解析" prop="indexDetail">
+            <el-input v-model.trim="indexForm.indexDetail" :disabled="disabled" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addCustomer, updateCustomer } from '@/api/customer'
+
+export default {
+  indexName: 'EditIndex',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      indexForm: {
+        id: '', // 编号
+        modularId: '', // 模块id
+        indexName: '', // 指标名称
+        level: '', // 指标等级
+        firstIndexId: '', // 上级id
+        indexDetail: '', // 考核标准
+        score: '', // 分数
+        indexType: '' // 指标类型
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        indexName: [{ required: true, message: '姓名不能为空', trigger: ['blur', 'change'] }],
+        level: [{ required: true, message: '等级不能为空', trigger: ['blur', 'change'] }],
+        indexType: [{ required: true, message: '指标类型不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '分值不能为空', trigger: ['blur', 'change'] }],
+        indexDetail: [{ required: true, message: '内容不能为空', trigger: ['blur', 'change'] }]
+      },
+      levelList: [{ name: '一级指标', value: '1' }, { name: '二级指标', value: '2' }],
+      indexTypeList: [{ name: '分值型', value: '1' }, { name: '是非型', value: '2' }],
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.indexForm = {
+          id: row.id, // 编号
+          modularId: row.modularId, // 模块id
+          indexName: row.secondIndexName, // 指标名称
+          level: '2', // 指标等级
+          firstIndexId: row.firstIndex, // 上级id
+          indexDetail: row.indexDetail, // 考核标准
+          score: row.score, // 分数
+          indexType: row.indexType // 指标类型
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.indexForm = {
+        id: '', // 编号
+        modularId: '', // 模块id
+        indexName: '', // 指标名称
+        level: '', // 指标等级
+        firstIndexId: '', // 上级id
+        indexDetail: '', // 考核标准
+        score: '', // 分数
+        indexType: '' // 指标类型
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.indexForm)
+        if (valid) {
+          this.btnLoading = true
+          addCustomer(this.indexForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateCustomer(this.indexForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/editModular.vue b/src/views/qualityManage/qualityModular/editModular.vue
new file mode 100644
index 0000000..8b9e39f
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/editModular.vue
@@ -0,0 +1,158 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="modularForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="模块名称" prop="modularName">
+            <el-input v-model.trim="modularForm.modularName" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="描述" prop="description">
+            <el-input v-model.trim="modularForm.description" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="总分" prop="score">
+            <el-input v-model.trim="modularForm.score" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addCustomer, updateCustomer } from '@/api/customer'
+
+export default {
+  name: 'EditModular',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      modularForm: {
+        id: '',
+        modularName: '',
+        description: '',
+        score: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        modularName: [{ required: true, message: '模块名称不能为空', trigger: ['blur', 'change'] }],
+        description: [{ required: true, message: '描述不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '总分不能为空', trigger: ['blur', 'change'] }],
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.modularForm = {
+          id:row.id,
+          modularName: row.modularName,
+          description: row.description,
+          score: row.score
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.modularForm = {
+        id: '',
+        modularName: '',
+        description: '',
+        score: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.modularForm)
+        if (valid) {
+          this.btnLoading = true
+          addCustomer(this.modularForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateCustomer(this.modularForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/qualityIndexManage.vue b/src/views/qualityManage/qualityModular/qualityIndexManage.vue
new file mode 100644
index 0000000..076417d
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/qualityIndexManage.vue
@@ -0,0 +1,243 @@
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="5">
+        <moduler-tree @change="changeType"/>
+      </el-col>
+      <el-col :span="19">
+        <div class="btn-div">
+          <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="addIndex">新增指标</el-button>
+          <el-button v-if="status=='0'" class="filter-item" style="" size="small" type="primary" icon="el-icon-magic-stick" @click="active">生效</el-button>
+          <el-button v-if="status=='1'" class="filter-item" style="" size="small" type="primary" icon="el-icon-magic-stick" @click="inactive">失效</el-button>
+          <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-delete" @click="delModular">删除模块</el-button>
+        </div>
+        <normal-table
+          :data="list"
+          :head="tableOption.head"
+          :size="size"
+          :query="listQuery"
+          :total="total"
+          :columns="columns"
+          :list-loading="listLoading"
+          :options="tableOption.options"
+          :tools-option="tableOption.toolsOption">
+          <template slot="columns">
+            <el-table-column label="操作" align="center">
+              <template slot-scope="scope">
+                <!--<el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>-->
+                <el-button type="text" size="small" @click.stop="editIndex(scope.row)">编辑</el-button>
+                <el-button type="text" size="small" @click.stop="delIndex(scope.row)">删除</el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </el-col>
+    </el-row>
+    <edit-index ref="editdialog" @watchChild="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+// import SearchArea from '@/components/SearchArea/SearchArea'
+// import SearchItem from '@/components/SearchArea/SearchItem'
+import NormalTable from '@/components/NomalTable'
+import { getQIndexList, delQIndex, delModular, activeQModular } from '@/api/qualityCheck'
+// import TypeTree from './components/TypeTree'
+// import EditKnowledge from './editKnowledge'
+// import KnowledgeDetail from '../caseManage/components/knowledgeDetail'
+import ModulerTree from './components/modulerTree'
+import EditIndex from './editIndex'
+
+export default {
+  name: 'QualityIndexManage',
+  components: { EditIndex, AppContainer, NormalTable, ModulerTree },
+  data() {
+    return {
+      modularId: '',
+      status: '1',
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        modularId: '',
+        offset: 1,
+        limit: 100,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '一级指标',
+          value: 'firstIndexName',
+          align: 'center'
+        },
+        {
+          text: '二级指标',
+          value: 'secondIndexName',
+          align: 'center'
+        },
+        {
+          text: '指标考核标准解析',
+          value: 'indexDetail',
+          align: 'center'
+        },
+        {
+          text: '分值',
+          value: 'score',
+          align: 'center'
+        },
+        {
+          text: '评分项类型',
+          value: 'indexTypeName',
+          align: 'center'
+        }
+      ], // 显示列
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: false // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      getQIndexList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          response.data.rows = [
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容准确无误', 'indexDetail': '信息内容准确无误', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容全面', 'indexDetail': '信息内容全面', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '是否与客户核实', 'indexDetail': '是否与客户核实', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '有无夸张', 'indexDetail': '有无夸张', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '吐字清晰', 'indexDetail': '吐字清晰', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语调适当起伏', 'indexDetail': '语调适当起伏', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '声音修饰', 'indexDetail': '声音修饰', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '是否拖音', 'indexDetail': '是否拖音', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语速适中', 'indexDetail': '语速适中', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' }
+          ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加指标
+    addIndex(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑指标
+    editIndex(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 删除指标
+    delIndex(row) {
+      this.$confirm(
+        '确定要删除该指标吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delQIndex(row.secondIndex).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 删除模块
+    delModular() {
+      this.$confirm(
+        '确定要删除该模块吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delModular(this.modularId).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 生效模块
+    active() {
+      this.activeModular('1')
+    },
+    // 失效模块
+    inactive() {
+      this.activeModular('0')
+    },
+    activeModular(status) {
+      activeQModular(this.modularId, status).then(response => {
+        if (response.code === 200) {
+          this.$message.success('操作成功')
+          if (status == '1') {
+            this.status = '0'
+          } else {
+            this.status = '1'
+          }
+        }
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 更换模块
+    changeType(modular) {
+      this.modularId = modular.id
+      this.search()
+    },
+    watchChild() {
+      console.log('watchChild')
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .btn-div{
+    margin-bottom: 10px;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModuler/templateManage.vue b/src/views/qualityManage/qualityModuler/templateManage.vue
deleted file mode 100644
index a2f41af..0000000
--- a/src/views/qualityManage/qualityModuler/templateManage.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-
-</template>
-
-<script>
-  export default {
-    name: 'templateManage'
-  }
-</script>
-
-<style scoped>
-
-</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/realtimeCheck.vue b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
new file mode 100644
index 0000000..86ca9c6
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <div class="line" >座席姓名 ：{{ seatForm.agentUserName }}</div>
+      <div class="line" >座席工号 ：{{ seatForm.agentName }}</div>
+      <div class="line" >座席电话 ：{{ seatForm.phone }}</div>
+      <div class="line" >座席状态 ：{{ seatForm.signin }}</div>
+      <div class="line" >登录分机 ：{{ seatForm.exten }}</div>
+      <div class="line" >主叫号码 ：{{ seatForm.callerNumber }}</div>
+      <div class="line" >被叫号码 ：{{ seatForm.calleeNumber }}</div>
+      <div class="btns">
+        <el-button type="primary" size="small">实时质检</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RealtimeCheck',
+  data() {
+    return {
+      seatForm: {
+        agentUserName: '--',
+        agentName: '--',
+        phone: '--',
+        signin: '--',
+        exten: '--',
+        callerNumber: '--',
+        calleeNumber: '--'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.realtime-check-div{
+  padding: 10px 0px;
+  height: 100%;
+  .title{
+    padding-left: 15px;
+    line-height: 2;
+    width: 100%;
+    background-color: #3a8ee6;
+    color:#ffffff;
+  }
+  .body{
+    height: 100%;
+    border-left:1px solid #f0f0f0;
+    padding-left: 20px;
+    padding-top: 10px;
+    .line{
+      line-height: 2
+    }
+    .btns{
+      margin-top: 20px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/seat.vue b/src/views/monitor/seatMonitor/components/seat.vue
new file mode 100644
index 0000000..a4b1a9c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/seat.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="seat-div">
+    <div class="seat-svg">
+      <svg-icon :class="'seat-'+seatStatus" icon-class="icon-seat" class="icon-seat"/>
+    </div>
+    <div class="seat-text">
+      {{ agentName }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Seat',
+  props: {
+    seatStatus: {
+      type: String,
+      default: 'busy'
+    },
+    agentName: {
+      type: String,
+      default: '6042'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$iconsize:80px;
+.seat-div{
+  width:100%;
+  margin-bottom: 20px;
+  display: inline-block;
+  .seat-svg{
+    text-align: center;
+  }
+  .icon-seat{
+    width: $iconsize;
+    height:$iconsize;
+    font-size:$iconsize;
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-text{
+    margin-top: 10px;
+    text-align: center;
+  }
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/seatMonitor.vue b/src/views/monitor/seatMonitor/seatMonitor.vue
new file mode 100644
index 0000000..38e014c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/seatMonitor.vue
@@ -0,0 +1,41 @@
+<template>
+  <app-container>
+    <all-show/>
+    <el-row>
+      <el-col :span="6">
+        <ivr-area/>
+      </el-col>
+      <el-col :span="12">
+        <el-row>
+          <div class="realtime-seats">
+            <el-col v-for="i in 8" :span="6">
+              <seat/>
+            </el-col>
+          </div>
+        </el-row>
+      </el-col>
+      <el-col :span="6">
+        <realtime-check/>
+      </el-col>
+    </el-row>
+
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '../../../components/layout/AppContainer'
+import Seat from './components/seat'
+import AllShow from './components/allShow'
+import RealtimeCheck from './components/realtimeCheck'
+import IvrArea from './components/ivrArea'
+export default {
+  name: 'SeatMonitor',
+  components: { IvrArea, RealtimeCheck, AllShow, Seat, AppContainer }
+}
+</script>
+
+<style scoped>
+.realtime-seats{
+  padding:30px 20px;
+}
+</style>
diff --git a/src/views/phoneManage/bindSeats.vue b/src/views/phoneManage/bindSeats.vue
new file mode 100644
index 0000000..bffcb93
--- /dev/null
+++ b/src/views/phoneManage/bindSeats.vue
@@ -0,0 +1,112 @@
+<template>
+  <el-dialog :visible.sync="dialogFormVisible" :title="titleText" width="330px" append-to-body>
+    <el-scrollbar>
+      <el-tree
+        v-loading="loading"
+        ref="tree"
+        :props="defaultProps"
+        :data="dataList"
+        :default-expanded-keys="defaultExpanded"
+        :default-checked-keys="defaultChecked"
+        :default-expand-all="defaultExpandAll"
+        show-checkbox
+        check-strictly
+        node-key="id"
+        @check-change="handleCheckChange"/>
+    </el-scrollbar>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+// import { toTreeList, getShowItem } from '@/utils/structure'
+import { getUserSimpleList } from '@/api/system/user'
+import { bindSeats } from '@/api/phone'
+
+export default {
+  name: 'BindSeats',
+  data() {
+    return {
+      extensionPhoneId: '', // 分机id
+      extensionPhoneName: '', // 分机名称
+      ids: [], // 选中项id
+      dialogFormVisible: false, // 对话框是否显示
+      defaultProps: {
+        label: 'name',
+        children: 'children'
+      },
+      dataList: null, // 列表数据
+      defaultExpanded: [], // 默认展开的项
+      defaultChecked: [], // 默认选中的树
+      loading: false, // 加载动态效果
+      defaultExpandAll: true // 是否展开树
+    }
+  },
+  computed: {
+    titleText: function() {
+      return '绑定座席'
+    }
+  },
+  created: function() {
+    // this.fetchUserList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible, row) {
+      this.loading = true
+      this.extensionPhoneId = row.id
+      this.extensionPhoneName = row.phonenumber
+      const checked = row.seatsIds.split(',')
+      this.defaultChecked = checked
+      this.dialogFormVisible = dialogFormVisible
+      this.fetchUserList()
+    },
+    // 获取座席员列表
+    fetchUserList() {
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        if (response.code === 200) {
+          this.dataList = response.data
+          this.loading = false
+        }
+      })
+    },
+    saveData: function() {
+      this.ids = this.$refs.tree.getCheckedKeys()
+      bindSeats(this.extensionPhoneId, this.ids).then(response => {
+        if (response.code === 200) {
+          this.$message.success('角色分配成功')
+          this.dialogFormVisible = false
+          this.$emit('watchChild')
+        }
+      })
+    },
+    handleCheckChange() {
+      console.log('handleCheckChange')
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    min-width:350px !important;
+  }
+  .el-tree{
+    max-height:300px;
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/editPhone.vue b/src/views/phoneManage/editPhone.vue
new file mode 100644
index 0000000..d90a736
--- /dev/null
+++ b/src/views/phoneManage/editPhone.vue
@@ -0,0 +1,146 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="phoneForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="分机号码" prop="phonenumber">
+            <el-input v-model.trim="phoneForm.phonenumber" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="备注" prop="message">
+            <el-input v-model.trim="phoneForm.message" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addPhone, updatePhono } from '@/api/phone'
+
+export default {
+  name: 'EditPhone',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      phoneForm: {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        phonenumber: [{ required: true, message: '电话号码不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.phoneForm = {
+          id: row.id,
+          phonenumber: row.phonenumber,
+          message: row.message
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.phoneForm = {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.phoneForm)
+        if (valid) {
+          this.btnLoading = true
+          addPhone(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updatePhono(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/phoneManage.vue b/src/views/phoneManage/phoneManage.vue
new file mode 100644
index 0000000..b40222a
--- /dev/null
+++ b/src/views/phoneManage/phoneManage.vue
@@ -0,0 +1,179 @@
+<template>
+  <app-container>
+    <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="关键字" clearable/>
+      </search-item>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="add">新增</el-button>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-delete" @click="del">删除</el-button>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :size="size"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption">
+      <template slot="columns">
+        <el-table-column label="操作" align="center">
+          <template slot-scope="scope">
+            <!--<el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>-->
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
+            <el-button type="text" size="small" @click.stop="bind(scope.row)">绑定座席</el-button>
+            <el-button type="text" size="small" @click.stop="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-phone ref="editdialog" @refresh="fetchData"/>
+    <bind-seats ref="bindseat" @refresh="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import NormalTable from '@/components/NomalTable'
+import { phoneList, delPhone } from '@/api/phone'
+import EditPhone from './editPhone'
+import BindSeats from './bindSeats'
+
+export default {
+  name: 'PhoneManage',
+  components: { BindSeats, SearchArea, SearchItem, EditPhone, AppContainer, NormalTable },
+  data() {
+    return {
+      modularId: '',
+      status: '1',
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        keywords: '',
+        offset: 1,
+        limit: 100,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '分机号',
+          value: 'phoneNumber',
+          align: 'center'
+        },
+        {
+          text: '已绑定座席',
+          value: 'seats',
+          align: 'center'
+        },
+        {
+          text: '备注',
+          value: 'messsage',
+          align: 'center'
+        }
+      ], // 显示列
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: false // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      phoneList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          // response.data.rows = [
+          //   { 'id': '1', 'phoneNumber': '6042', 'seats': '张三', 'seatsIds': '1', 'message': '测试分机' }
+          // ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加分机
+    add(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑分机
+    edit(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 绑定座席
+    bind(row) {
+      this.$refs.bindseat.initDialog(true, row)
+    },
+    // 删除分机
+    del(row) {
+      this.$confirm(
+        '确定要删除该分机吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delPhone(row.secondIndex).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    watchChild() {
+      console.log('watchChild')
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .btn-div{
+    margin-bottom: 10px;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/components/modulerTree.vue b/src/views/qualityManage/qualityModular/components/modulerTree.vue
new file mode 100644
index 0000000..8f62c94
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/components/modulerTree.vue
@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>质检模块管理</span>
+          <el-button style="float: right; padding: 3px 0" icon="el-icon-plus" type="text" @click="add"/>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          node-key="id"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+    <edit-modular ref="editdialog" @refresh="refreshTree"/>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import EditModular from '../editModular'
+export default {
+  name: 'ModulerTree',
+  components: { EditModular },
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'modularName'
+      }, // 配置项
+      defaultChecked: ['1'],
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: true // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    fetchTypeTree() {
+      this.treeLoading = true
+      getTypeList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.tree = [{
+          id: '1',
+          modularName: '质检模块管理',
+          disabled: true,
+          children: response.data
+        }]
+        // this.$refs.tree.setCheckedKeys(['2'])
+        // this.$refs.tree.setChecked(response.data[0])
+        // this.$refs.tree.setCurrentKey('2')
+        this.handleNodeClick(response.data[0])
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      if (data.id !== '1') {
+        this.$emit('change', data)
+      }
+    },
+    // 添加模块
+    add() {
+      this.$refs.editdialog.initDialog('create', true)
+    },
+    // 刷新
+    refreshTree() {
+      this.fetchTypeTree()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualityModular/editIndex.vue b/src/views/qualityManage/qualityModular/editIndex.vue
new file mode 100644
index 0000000..1483461
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/editIndex.vue
@@ -0,0 +1,195 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="indexForm" size="small" label-position="right" label-width="140px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="指标名称" prop="indexName">
+            <el-input v-model.trim="indexForm.indexName" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="指标级别" prop="level">
+            <el-select v-model="indexForm.level" placeholder="请选择">
+              <el-option
+                v-for="item in levelList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-if="indexForm.level=='2'" :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="指标类型" prop="indexType">
+            <el-select v-model="indexForm.indexType" placeholder="请选择">
+              <el-option
+                v-for="item in indexTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col v-if="indexForm.indexType=='1'" :span="12">
+          <el-form-item label="分值" prop="score">
+            <el-input v-model.trim="indexForm.score" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="质检考核标准解析" prop="indexDetail">
+            <el-input v-model.trim="indexForm.indexDetail" :disabled="disabled" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addCustomer, updateCustomer } from '@/api/customer'
+
+export default {
+  indexName: 'EditIndex',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      indexForm: {
+        id: '', // 编号
+        modularId: '', // 模块id
+        indexName: '', // 指标名称
+        level: '', // 指标等级
+        firstIndexId: '', // 上级id
+        indexDetail: '', // 考核标准
+        score: '', // 分数
+        indexType: '' // 指标类型
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        indexName: [{ required: true, message: '姓名不能为空', trigger: ['blur', 'change'] }],
+        level: [{ required: true, message: '等级不能为空', trigger: ['blur', 'change'] }],
+        indexType: [{ required: true, message: '指标类型不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '分值不能为空', trigger: ['blur', 'change'] }],
+        indexDetail: [{ required: true, message: '内容不能为空', trigger: ['blur', 'change'] }]
+      },
+      levelList: [{ name: '一级指标', value: '1' }, { name: '二级指标', value: '2' }],
+      indexTypeList: [{ name: '分值型', value: '1' }, { name: '是非型', value: '2' }],
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.indexForm = {
+          id: row.id, // 编号
+          modularId: row.modularId, // 模块id
+          indexName: row.secondIndexName, // 指标名称
+          level: '2', // 指标等级
+          firstIndexId: row.firstIndex, // 上级id
+          indexDetail: row.indexDetail, // 考核标准
+          score: row.score, // 分数
+          indexType: row.indexType // 指标类型
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.indexForm = {
+        id: '', // 编号
+        modularId: '', // 模块id
+        indexName: '', // 指标名称
+        level: '', // 指标等级
+        firstIndexId: '', // 上级id
+        indexDetail: '', // 考核标准
+        score: '', // 分数
+        indexType: '' // 指标类型
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.indexForm)
+        if (valid) {
+          this.btnLoading = true
+          addCustomer(this.indexForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateCustomer(this.indexForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/editModular.vue b/src/views/qualityManage/qualityModular/editModular.vue
new file mode 100644
index 0000000..8b9e39f
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/editModular.vue
@@ -0,0 +1,158 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="modularForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="模块名称" prop="modularName">
+            <el-input v-model.trim="modularForm.modularName" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="描述" prop="description">
+            <el-input v-model.trim="modularForm.description" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="总分" prop="score">
+            <el-input v-model.trim="modularForm.score" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addCustomer, updateCustomer } from '@/api/customer'
+
+export default {
+  name: 'EditModular',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      modularForm: {
+        id: '',
+        modularName: '',
+        description: '',
+        score: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        modularName: [{ required: true, message: '模块名称不能为空', trigger: ['blur', 'change'] }],
+        description: [{ required: true, message: '描述不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '总分不能为空', trigger: ['blur', 'change'] }],
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.modularForm = {
+          id:row.id,
+          modularName: row.modularName,
+          description: row.description,
+          score: row.score
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.modularForm = {
+        id: '',
+        modularName: '',
+        description: '',
+        score: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.modularForm)
+        if (valid) {
+          this.btnLoading = true
+          addCustomer(this.modularForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateCustomer(this.modularForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/qualityIndexManage.vue b/src/views/qualityManage/qualityModular/qualityIndexManage.vue
new file mode 100644
index 0000000..076417d
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/qualityIndexManage.vue
@@ -0,0 +1,243 @@
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="5">
+        <moduler-tree @change="changeType"/>
+      </el-col>
+      <el-col :span="19">
+        <div class="btn-div">
+          <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="addIndex">新增指标</el-button>
+          <el-button v-if="status=='0'" class="filter-item" style="" size="small" type="primary" icon="el-icon-magic-stick" @click="active">生效</el-button>
+          <el-button v-if="status=='1'" class="filter-item" style="" size="small" type="primary" icon="el-icon-magic-stick" @click="inactive">失效</el-button>
+          <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-delete" @click="delModular">删除模块</el-button>
+        </div>
+        <normal-table
+          :data="list"
+          :head="tableOption.head"
+          :size="size"
+          :query="listQuery"
+          :total="total"
+          :columns="columns"
+          :list-loading="listLoading"
+          :options="tableOption.options"
+          :tools-option="tableOption.toolsOption">
+          <template slot="columns">
+            <el-table-column label="操作" align="center">
+              <template slot-scope="scope">
+                <!--<el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>-->
+                <el-button type="text" size="small" @click.stop="editIndex(scope.row)">编辑</el-button>
+                <el-button type="text" size="small" @click.stop="delIndex(scope.row)">删除</el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </el-col>
+    </el-row>
+    <edit-index ref="editdialog" @watchChild="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+// import SearchArea from '@/components/SearchArea/SearchArea'
+// import SearchItem from '@/components/SearchArea/SearchItem'
+import NormalTable from '@/components/NomalTable'
+import { getQIndexList, delQIndex, delModular, activeQModular } from '@/api/qualityCheck'
+// import TypeTree from './components/TypeTree'
+// import EditKnowledge from './editKnowledge'
+// import KnowledgeDetail from '../caseManage/components/knowledgeDetail'
+import ModulerTree from './components/modulerTree'
+import EditIndex from './editIndex'
+
+export default {
+  name: 'QualityIndexManage',
+  components: { EditIndex, AppContainer, NormalTable, ModulerTree },
+  data() {
+    return {
+      modularId: '',
+      status: '1',
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        modularId: '',
+        offset: 1,
+        limit: 100,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '一级指标',
+          value: 'firstIndexName',
+          align: 'center'
+        },
+        {
+          text: '二级指标',
+          value: 'secondIndexName',
+          align: 'center'
+        },
+        {
+          text: '指标考核标准解析',
+          value: 'indexDetail',
+          align: 'center'
+        },
+        {
+          text: '分值',
+          value: 'score',
+          align: 'center'
+        },
+        {
+          text: '评分项类型',
+          value: 'indexTypeName',
+          align: 'center'
+        }
+      ], // 显示列
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: false // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      getQIndexList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          response.data.rows = [
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容准确无误', 'indexDetail': '信息内容准确无误', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容全面', 'indexDetail': '信息内容全面', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '是否与客户核实', 'indexDetail': '是否与客户核实', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '有无夸张', 'indexDetail': '有无夸张', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '吐字清晰', 'indexDetail': '吐字清晰', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语调适当起伏', 'indexDetail': '语调适当起伏', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '声音修饰', 'indexDetail': '声音修饰', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '是否拖音', 'indexDetail': '是否拖音', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语速适中', 'indexDetail': '语速适中', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' }
+          ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加指标
+    addIndex(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑指标
+    editIndex(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 删除指标
+    delIndex(row) {
+      this.$confirm(
+        '确定要删除该指标吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delQIndex(row.secondIndex).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 删除模块
+    delModular() {
+      this.$confirm(
+        '确定要删除该模块吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delModular(this.modularId).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 生效模块
+    active() {
+      this.activeModular('1')
+    },
+    // 失效模块
+    inactive() {
+      this.activeModular('0')
+    },
+    activeModular(status) {
+      activeQModular(this.modularId, status).then(response => {
+        if (response.code === 200) {
+          this.$message.success('操作成功')
+          if (status == '1') {
+            this.status = '0'
+          } else {
+            this.status = '1'
+          }
+        }
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 更换模块
+    changeType(modular) {
+      this.modularId = modular.id
+      this.search()
+    },
+    watchChild() {
+      console.log('watchChild')
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .btn-div{
+    margin-bottom: 10px;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModuler/templateManage.vue b/src/views/qualityManage/qualityModuler/templateManage.vue
deleted file mode 100644
index a2f41af..0000000
--- a/src/views/qualityManage/qualityModuler/templateManage.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-
-</template>
-
-<script>
-  export default {
-    name: 'templateManage'
-  }
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/soundsManage/soundsManage.vue b/src/views/soundsManage/soundsManage.vue
new file mode 100644
index 0000000..01d30b2
--- /dev/null
+++ b/src/views/soundsManage/soundsManage.vue
@@ -0,0 +1,200 @@
+<template>
+  <app-container>
+    <search-area :need-clear="true" :need-search-more="true" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.name" placeholder="姓名" clearable/>
+      </search-item>
+      <search-item/>
+      <search-item>
+        <el-select v-model="listQuery.sex" placeholder="性别" clearable>
+          <el-option label="男" value="男"/>
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="timeRange"
+          type="datetimerange"
+          range-separator="至"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          start-placeholder="创建开始时间"
+          end-placeholder="创建结束时间"/>
+      </search-item>
+      <!--高级检索-->
+      <div slot="searchMore">
+        <search-item>
+          <el-input v-model.trim="listQuery.name" placeholder="姓名" clearable/>
+        </search-item>
+        <search-item/>
+        <search-item>
+          <el-select v-model="listQuery.sex" placeholder="性别" clearable>
+            <el-option label="男" value="男"/>
+          </el-select>
+        </search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="至"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            start-placeholder="创建开始时间"
+            end-placeholder="创建结束时间"/>
+        </search-item>
+      </div>
+    </search-area>
+    <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
+      <template slot="btns">
+        <el-button size="small" class="edit_btn">添加</el-button>
+        <el-button size="small" class="edit_btn">修改</el-button>
+        <el-button size="small" class="edit_btn">删除</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column label="操作" align="center" width="160">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click.stop="goDetail(scope.row)">详情</el-button>
+            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <el-button type="text" size="small" @click.stop="registerIris(scope.row)">采集</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+  </app-container>
+</template>
+
+<script>
+import NormalTable from '@/components/NomalTable'
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+export default {
+  name: 'TableExample',
+  components: { SearchItem, SearchArea, AppContainer, NormalTable },
+  data() {
+    return {
+      listQuery: {
+        name: '', // 姓名
+        sex: '', // 性别
+        nation: '', // 民族
+        collReason: '', // 采集原因
+        cardType: '', // 证件类型
+        idCardNo: '', // 证件号码
+        personTag: '', // 人员标签
+        startTime: '', // 创建开始时间
+        endTime: '', // 创建结束时间
+        offset: 1,
+        limit: 20,
+        sort: 'createTime',
+        order: 'desc'
+      }, // 筛选条件
+      columns: [
+        {
+          text: '姓名',
+          value: 'name',
+          align: 'center'
+        },
+        {
+          text: '性别',
+          value: 'sexName',
+          align: 'center',
+          width: 60
+        },
+        {
+          text: '民族',
+          value: 'nationName',
+          width: 50,
+          align: 'center'
+        },
+        {
+          text: '采集原因',
+          value: 'collReasonName',
+          align: 'center'
+        },
+        {
+          text: '证件类型',
+          value: 'cardTypeName',
+          align: 'center',
+          width: 80
+        },
+        {
+          text: '证件号码',
+          value: 'idCardNo',
+          align: 'center'
+        },
+        {
+          text: '户籍地址',
+          value: 'residenceAddr',
+          align: 'center'
+        },
+        {
+          text: '创建时间',
+          value: 'createTime',
+          width: 120,
+          align: 'center'
+        }
+      ], // 显示列
+      timeRange: [], // 时间范围
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: false // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      } // 表格属性
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.listLoading = true
+      const that = this
+      setTimeout(function() {
+        that.list = [
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' }
+        ]
+        that.total = 200
+        that.listLoading = false
+      }, 2000)
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 重置后的操作， 若不需要显示重置按钮则不需要写
+    clearInput() {
+      this.$message.success('clearInput')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+
+</style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/realtimeCheck.vue b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
new file mode 100644
index 0000000..86ca9c6
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <div class="line" >座席姓名 ：{{ seatForm.agentUserName }}</div>
+      <div class="line" >座席工号 ：{{ seatForm.agentName }}</div>
+      <div class="line" >座席电话 ：{{ seatForm.phone }}</div>
+      <div class="line" >座席状态 ：{{ seatForm.signin }}</div>
+      <div class="line" >登录分机 ：{{ seatForm.exten }}</div>
+      <div class="line" >主叫号码 ：{{ seatForm.callerNumber }}</div>
+      <div class="line" >被叫号码 ：{{ seatForm.calleeNumber }}</div>
+      <div class="btns">
+        <el-button type="primary" size="small">实时质检</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RealtimeCheck',
+  data() {
+    return {
+      seatForm: {
+        agentUserName: '--',
+        agentName: '--',
+        phone: '--',
+        signin: '--',
+        exten: '--',
+        callerNumber: '--',
+        calleeNumber: '--'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.realtime-check-div{
+  padding: 10px 0px;
+  height: 100%;
+  .title{
+    padding-left: 15px;
+    line-height: 2;
+    width: 100%;
+    background-color: #3a8ee6;
+    color:#ffffff;
+  }
+  .body{
+    height: 100%;
+    border-left:1px solid #f0f0f0;
+    padding-left: 20px;
+    padding-top: 10px;
+    .line{
+      line-height: 2
+    }
+    .btns{
+      margin-top: 20px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/seat.vue b/src/views/monitor/seatMonitor/components/seat.vue
new file mode 100644
index 0000000..a4b1a9c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/seat.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="seat-div">
+    <div class="seat-svg">
+      <svg-icon :class="'seat-'+seatStatus" icon-class="icon-seat" class="icon-seat"/>
+    </div>
+    <div class="seat-text">
+      {{ agentName }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Seat',
+  props: {
+    seatStatus: {
+      type: String,
+      default: 'busy'
+    },
+    agentName: {
+      type: String,
+      default: '6042'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$iconsize:80px;
+.seat-div{
+  width:100%;
+  margin-bottom: 20px;
+  display: inline-block;
+  .seat-svg{
+    text-align: center;
+  }
+  .icon-seat{
+    width: $iconsize;
+    height:$iconsize;
+    font-size:$iconsize;
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-text{
+    margin-top: 10px;
+    text-align: center;
+  }
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/seatMonitor.vue b/src/views/monitor/seatMonitor/seatMonitor.vue
new file mode 100644
index 0000000..38e014c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/seatMonitor.vue
@@ -0,0 +1,41 @@
+<template>
+  <app-container>
+    <all-show/>
+    <el-row>
+      <el-col :span="6">
+        <ivr-area/>
+      </el-col>
+      <el-col :span="12">
+        <el-row>
+          <div class="realtime-seats">
+            <el-col v-for="i in 8" :span="6">
+              <seat/>
+            </el-col>
+          </div>
+        </el-row>
+      </el-col>
+      <el-col :span="6">
+        <realtime-check/>
+      </el-col>
+    </el-row>
+
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '../../../components/layout/AppContainer'
+import Seat from './components/seat'
+import AllShow from './components/allShow'
+import RealtimeCheck from './components/realtimeCheck'
+import IvrArea from './components/ivrArea'
+export default {
+  name: 'SeatMonitor',
+  components: { IvrArea, RealtimeCheck, AllShow, Seat, AppContainer }
+}
+</script>
+
+<style scoped>
+.realtime-seats{
+  padding:30px 20px;
+}
+</style>
diff --git a/src/views/phoneManage/bindSeats.vue b/src/views/phoneManage/bindSeats.vue
new file mode 100644
index 0000000..bffcb93
--- /dev/null
+++ b/src/views/phoneManage/bindSeats.vue
@@ -0,0 +1,112 @@
+<template>
+  <el-dialog :visible.sync="dialogFormVisible" :title="titleText" width="330px" append-to-body>
+    <el-scrollbar>
+      <el-tree
+        v-loading="loading"
+        ref="tree"
+        :props="defaultProps"
+        :data="dataList"
+        :default-expanded-keys="defaultExpanded"
+        :default-checked-keys="defaultChecked"
+        :default-expand-all="defaultExpandAll"
+        show-checkbox
+        check-strictly
+        node-key="id"
+        @check-change="handleCheckChange"/>
+    </el-scrollbar>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+// import { toTreeList, getShowItem } from '@/utils/structure'
+import { getUserSimpleList } from '@/api/system/user'
+import { bindSeats } from '@/api/phone'
+
+export default {
+  name: 'BindSeats',
+  data() {
+    return {
+      extensionPhoneId: '', // 分机id
+      extensionPhoneName: '', // 分机名称
+      ids: [], // 选中项id
+      dialogFormVisible: false, // 对话框是否显示
+      defaultProps: {
+        label: 'name',
+        children: 'children'
+      },
+      dataList: null, // 列表数据
+      defaultExpanded: [], // 默认展开的项
+      defaultChecked: [], // 默认选中的树
+      loading: false, // 加载动态效果
+      defaultExpandAll: true // 是否展开树
+    }
+  },
+  computed: {
+    titleText: function() {
+      return '绑定座席'
+    }
+  },
+  created: function() {
+    // this.fetchUserList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible, row) {
+      this.loading = true
+      this.extensionPhoneId = row.id
+      this.extensionPhoneName = row.phonenumber
+      const checked = row.seatsIds.split(',')
+      this.defaultChecked = checked
+      this.dialogFormVisible = dialogFormVisible
+      this.fetchUserList()
+    },
+    // 获取座席员列表
+    fetchUserList() {
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        if (response.code === 200) {
+          this.dataList = response.data
+          this.loading = false
+        }
+      })
+    },
+    saveData: function() {
+      this.ids = this.$refs.tree.getCheckedKeys()
+      bindSeats(this.extensionPhoneId, this.ids).then(response => {
+        if (response.code === 200) {
+          this.$message.success('角色分配成功')
+          this.dialogFormVisible = false
+          this.$emit('watchChild')
+        }
+      })
+    },
+    handleCheckChange() {
+      console.log('handleCheckChange')
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    min-width:350px !important;
+  }
+  .el-tree{
+    max-height:300px;
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/editPhone.vue b/src/views/phoneManage/editPhone.vue
new file mode 100644
index 0000000..d90a736
--- /dev/null
+++ b/src/views/phoneManage/editPhone.vue
@@ -0,0 +1,146 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="phoneForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="分机号码" prop="phonenumber">
+            <el-input v-model.trim="phoneForm.phonenumber" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="备注" prop="message">
+            <el-input v-model.trim="phoneForm.message" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addPhone, updatePhono } from '@/api/phone'
+
+export default {
+  name: 'EditPhone',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      phoneForm: {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        phonenumber: [{ required: true, message: '电话号码不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.phoneForm = {
+          id: row.id,
+          phonenumber: row.phonenumber,
+          message: row.message
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.phoneForm = {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.phoneForm)
+        if (valid) {
+          this.btnLoading = true
+          addPhone(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updatePhono(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/phoneManage.vue b/src/views/phoneManage/phoneManage.vue
new file mode 100644
index 0000000..b40222a
--- /dev/null
+++ b/src/views/phoneManage/phoneManage.vue
@@ -0,0 +1,179 @@
+<template>
+  <app-container>
+    <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="关键字" clearable/>
+      </search-item>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="add">新增</el-button>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-delete" @click="del">删除</el-button>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :size="size"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption">
+      <template slot="columns">
+        <el-table-column label="操作" align="center">
+          <template slot-scope="scope">
+            <!--<el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>-->
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
+            <el-button type="text" size="small" @click.stop="bind(scope.row)">绑定座席</el-button>
+            <el-button type="text" size="small" @click.stop="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-phone ref="editdialog" @refresh="fetchData"/>
+    <bind-seats ref="bindseat" @refresh="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import NormalTable from '@/components/NomalTable'
+import { phoneList, delPhone } from '@/api/phone'
+import EditPhone from './editPhone'
+import BindSeats from './bindSeats'
+
+export default {
+  name: 'PhoneManage',
+  components: { BindSeats, SearchArea, SearchItem, EditPhone, AppContainer, NormalTable },
+  data() {
+    return {
+      modularId: '',
+      status: '1',
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        keywords: '',
+        offset: 1,
+        limit: 100,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '分机号',
+          value: 'phoneNumber',
+          align: 'center'
+        },
+        {
+          text: '已绑定座席',
+          value: 'seats',
+          align: 'center'
+        },
+        {
+          text: '备注',
+          value: 'messsage',
+          align: 'center'
+        }
+      ], // 显示列
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: false // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      phoneList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          // response.data.rows = [
+          //   { 'id': '1', 'phoneNumber': '6042', 'seats': '张三', 'seatsIds': '1', 'message': '测试分机' }
+          // ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加分机
+    add(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑分机
+    edit(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 绑定座席
+    bind(row) {
+      this.$refs.bindseat.initDialog(true, row)
+    },
+    // 删除分机
+    del(row) {
+      this.$confirm(
+        '确定要删除该分机吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delPhone(row.secondIndex).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    watchChild() {
+      console.log('watchChild')
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .btn-div{
+    margin-bottom: 10px;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/components/modulerTree.vue b/src/views/qualityManage/qualityModular/components/modulerTree.vue
new file mode 100644
index 0000000..8f62c94
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/components/modulerTree.vue
@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>质检模块管理</span>
+          <el-button style="float: right; padding: 3px 0" icon="el-icon-plus" type="text" @click="add"/>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          node-key="id"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+    <edit-modular ref="editdialog" @refresh="refreshTree"/>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import EditModular from '../editModular'
+export default {
+  name: 'ModulerTree',
+  components: { EditModular },
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'modularName'
+      }, // 配置项
+      defaultChecked: ['1'],
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: true // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    fetchTypeTree() {
+      this.treeLoading = true
+      getTypeList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.tree = [{
+          id: '1',
+          modularName: '质检模块管理',
+          disabled: true,
+          children: response.data
+        }]
+        // this.$refs.tree.setCheckedKeys(['2'])
+        // this.$refs.tree.setChecked(response.data[0])
+        // this.$refs.tree.setCurrentKey('2')
+        this.handleNodeClick(response.data[0])
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      if (data.id !== '1') {
+        this.$emit('change', data)
+      }
+    },
+    // 添加模块
+    add() {
+      this.$refs.editdialog.initDialog('create', true)
+    },
+    // 刷新
+    refreshTree() {
+      this.fetchTypeTree()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualityModular/editIndex.vue b/src/views/qualityManage/qualityModular/editIndex.vue
new file mode 100644
index 0000000..1483461
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/editIndex.vue
@@ -0,0 +1,195 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="indexForm" size="small" label-position="right" label-width="140px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="指标名称" prop="indexName">
+            <el-input v-model.trim="indexForm.indexName" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="指标级别" prop="level">
+            <el-select v-model="indexForm.level" placeholder="请选择">
+              <el-option
+                v-for="item in levelList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-if="indexForm.level=='2'" :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="指标类型" prop="indexType">
+            <el-select v-model="indexForm.indexType" placeholder="请选择">
+              <el-option
+                v-for="item in indexTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col v-if="indexForm.indexType=='1'" :span="12">
+          <el-form-item label="分值" prop="score">
+            <el-input v-model.trim="indexForm.score" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="质检考核标准解析" prop="indexDetail">
+            <el-input v-model.trim="indexForm.indexDetail" :disabled="disabled" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addCustomer, updateCustomer } from '@/api/customer'
+
+export default {
+  indexName: 'EditIndex',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      indexForm: {
+        id: '', // 编号
+        modularId: '', // 模块id
+        indexName: '', // 指标名称
+        level: '', // 指标等级
+        firstIndexId: '', // 上级id
+        indexDetail: '', // 考核标准
+        score: '', // 分数
+        indexType: '' // 指标类型
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        indexName: [{ required: true, message: '姓名不能为空', trigger: ['blur', 'change'] }],
+        level: [{ required: true, message: '等级不能为空', trigger: ['blur', 'change'] }],
+        indexType: [{ required: true, message: '指标类型不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '分值不能为空', trigger: ['blur', 'change'] }],
+        indexDetail: [{ required: true, message: '内容不能为空', trigger: ['blur', 'change'] }]
+      },
+      levelList: [{ name: '一级指标', value: '1' }, { name: '二级指标', value: '2' }],
+      indexTypeList: [{ name: '分值型', value: '1' }, { name: '是非型', value: '2' }],
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.indexForm = {
+          id: row.id, // 编号
+          modularId: row.modularId, // 模块id
+          indexName: row.secondIndexName, // 指标名称
+          level: '2', // 指标等级
+          firstIndexId: row.firstIndex, // 上级id
+          indexDetail: row.indexDetail, // 考核标准
+          score: row.score, // 分数
+          indexType: row.indexType // 指标类型
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.indexForm = {
+        id: '', // 编号
+        modularId: '', // 模块id
+        indexName: '', // 指标名称
+        level: '', // 指标等级
+        firstIndexId: '', // 上级id
+        indexDetail: '', // 考核标准
+        score: '', // 分数
+        indexType: '' // 指标类型
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.indexForm)
+        if (valid) {
+          this.btnLoading = true
+          addCustomer(this.indexForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateCustomer(this.indexForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/editModular.vue b/src/views/qualityManage/qualityModular/editModular.vue
new file mode 100644
index 0000000..8b9e39f
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/editModular.vue
@@ -0,0 +1,158 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="modularForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="模块名称" prop="modularName">
+            <el-input v-model.trim="modularForm.modularName" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="描述" prop="description">
+            <el-input v-model.trim="modularForm.description" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="总分" prop="score">
+            <el-input v-model.trim="modularForm.score" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addCustomer, updateCustomer } from '@/api/customer'
+
+export default {
+  name: 'EditModular',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      modularForm: {
+        id: '',
+        modularName: '',
+        description: '',
+        score: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        modularName: [{ required: true, message: '模块名称不能为空', trigger: ['blur', 'change'] }],
+        description: [{ required: true, message: '描述不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '总分不能为空', trigger: ['blur', 'change'] }],
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.modularForm = {
+          id:row.id,
+          modularName: row.modularName,
+          description: row.description,
+          score: row.score
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.modularForm = {
+        id: '',
+        modularName: '',
+        description: '',
+        score: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.modularForm)
+        if (valid) {
+          this.btnLoading = true
+          addCustomer(this.modularForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateCustomer(this.modularForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/qualityIndexManage.vue b/src/views/qualityManage/qualityModular/qualityIndexManage.vue
new file mode 100644
index 0000000..076417d
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/qualityIndexManage.vue
@@ -0,0 +1,243 @@
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="5">
+        <moduler-tree @change="changeType"/>
+      </el-col>
+      <el-col :span="19">
+        <div class="btn-div">
+          <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="addIndex">新增指标</el-button>
+          <el-button v-if="status=='0'" class="filter-item" style="" size="small" type="primary" icon="el-icon-magic-stick" @click="active">生效</el-button>
+          <el-button v-if="status=='1'" class="filter-item" style="" size="small" type="primary" icon="el-icon-magic-stick" @click="inactive">失效</el-button>
+          <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-delete" @click="delModular">删除模块</el-button>
+        </div>
+        <normal-table
+          :data="list"
+          :head="tableOption.head"
+          :size="size"
+          :query="listQuery"
+          :total="total"
+          :columns="columns"
+          :list-loading="listLoading"
+          :options="tableOption.options"
+          :tools-option="tableOption.toolsOption">
+          <template slot="columns">
+            <el-table-column label="操作" align="center">
+              <template slot-scope="scope">
+                <!--<el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>-->
+                <el-button type="text" size="small" @click.stop="editIndex(scope.row)">编辑</el-button>
+                <el-button type="text" size="small" @click.stop="delIndex(scope.row)">删除</el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </el-col>
+    </el-row>
+    <edit-index ref="editdialog" @watchChild="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+// import SearchArea from '@/components/SearchArea/SearchArea'
+// import SearchItem from '@/components/SearchArea/SearchItem'
+import NormalTable from '@/components/NomalTable'
+import { getQIndexList, delQIndex, delModular, activeQModular } from '@/api/qualityCheck'
+// import TypeTree from './components/TypeTree'
+// import EditKnowledge from './editKnowledge'
+// import KnowledgeDetail from '../caseManage/components/knowledgeDetail'
+import ModulerTree from './components/modulerTree'
+import EditIndex from './editIndex'
+
+export default {
+  name: 'QualityIndexManage',
+  components: { EditIndex, AppContainer, NormalTable, ModulerTree },
+  data() {
+    return {
+      modularId: '',
+      status: '1',
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        modularId: '',
+        offset: 1,
+        limit: 100,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '一级指标',
+          value: 'firstIndexName',
+          align: 'center'
+        },
+        {
+          text: '二级指标',
+          value: 'secondIndexName',
+          align: 'center'
+        },
+        {
+          text: '指标考核标准解析',
+          value: 'indexDetail',
+          align: 'center'
+        },
+        {
+          text: '分值',
+          value: 'score',
+          align: 'center'
+        },
+        {
+          text: '评分项类型',
+          value: 'indexTypeName',
+          align: 'center'
+        }
+      ], // 显示列
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: false // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      getQIndexList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          response.data.rows = [
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容准确无误', 'indexDetail': '信息内容准确无误', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容全面', 'indexDetail': '信息内容全面', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '是否与客户核实', 'indexDetail': '是否与客户核实', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '有无夸张', 'indexDetail': '有无夸张', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '吐字清晰', 'indexDetail': '吐字清晰', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语调适当起伏', 'indexDetail': '语调适当起伏', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '声音修饰', 'indexDetail': '声音修饰', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '是否拖音', 'indexDetail': '是否拖音', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语速适中', 'indexDetail': '语速适中', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' }
+          ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加指标
+    addIndex(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑指标
+    editIndex(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 删除指标
+    delIndex(row) {
+      this.$confirm(
+        '确定要删除该指标吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delQIndex(row.secondIndex).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 删除模块
+    delModular() {
+      this.$confirm(
+        '确定要删除该模块吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delModular(this.modularId).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 生效模块
+    active() {
+      this.activeModular('1')
+    },
+    // 失效模块
+    inactive() {
+      this.activeModular('0')
+    },
+    activeModular(status) {
+      activeQModular(this.modularId, status).then(response => {
+        if (response.code === 200) {
+          this.$message.success('操作成功')
+          if (status == '1') {
+            this.status = '0'
+          } else {
+            this.status = '1'
+          }
+        }
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 更换模块
+    changeType(modular) {
+      this.modularId = modular.id
+      this.search()
+    },
+    watchChild() {
+      console.log('watchChild')
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .btn-div{
+    margin-bottom: 10px;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModuler/templateManage.vue b/src/views/qualityManage/qualityModuler/templateManage.vue
deleted file mode 100644
index a2f41af..0000000
--- a/src/views/qualityManage/qualityModuler/templateManage.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-
-</template>
-
-<script>
-  export default {
-    name: 'templateManage'
-  }
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/soundsManage/soundsManage.vue b/src/views/soundsManage/soundsManage.vue
new file mode 100644
index 0000000..01d30b2
--- /dev/null
+++ b/src/views/soundsManage/soundsManage.vue
@@ -0,0 +1,200 @@
+<template>
+  <app-container>
+    <search-area :need-clear="true" :need-search-more="true" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.name" placeholder="姓名" clearable/>
+      </search-item>
+      <search-item/>
+      <search-item>
+        <el-select v-model="listQuery.sex" placeholder="性别" clearable>
+          <el-option label="男" value="男"/>
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="timeRange"
+          type="datetimerange"
+          range-separator="至"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          start-placeholder="创建开始时间"
+          end-placeholder="创建结束时间"/>
+      </search-item>
+      <!--高级检索-->
+      <div slot="searchMore">
+        <search-item>
+          <el-input v-model.trim="listQuery.name" placeholder="姓名" clearable/>
+        </search-item>
+        <search-item/>
+        <search-item>
+          <el-select v-model="listQuery.sex" placeholder="性别" clearable>
+            <el-option label="男" value="男"/>
+          </el-select>
+        </search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="至"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            start-placeholder="创建开始时间"
+            end-placeholder="创建结束时间"/>
+        </search-item>
+      </div>
+    </search-area>
+    <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
+      <template slot="btns">
+        <el-button size="small" class="edit_btn">添加</el-button>
+        <el-button size="small" class="edit_btn">修改</el-button>
+        <el-button size="small" class="edit_btn">删除</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column label="操作" align="center" width="160">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click.stop="goDetail(scope.row)">详情</el-button>
+            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <el-button type="text" size="small" @click.stop="registerIris(scope.row)">采集</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+  </app-container>
+</template>
+
+<script>
+import NormalTable from '@/components/NomalTable'
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+export default {
+  name: 'TableExample',
+  components: { SearchItem, SearchArea, AppContainer, NormalTable },
+  data() {
+    return {
+      listQuery: {
+        name: '', // 姓名
+        sex: '', // 性别
+        nation: '', // 民族
+        collReason: '', // 采集原因
+        cardType: '', // 证件类型
+        idCardNo: '', // 证件号码
+        personTag: '', // 人员标签
+        startTime: '', // 创建开始时间
+        endTime: '', // 创建结束时间
+        offset: 1,
+        limit: 20,
+        sort: 'createTime',
+        order: 'desc'
+      }, // 筛选条件
+      columns: [
+        {
+          text: '姓名',
+          value: 'name',
+          align: 'center'
+        },
+        {
+          text: '性别',
+          value: 'sexName',
+          align: 'center',
+          width: 60
+        },
+        {
+          text: '民族',
+          value: 'nationName',
+          width: 50,
+          align: 'center'
+        },
+        {
+          text: '采集原因',
+          value: 'collReasonName',
+          align: 'center'
+        },
+        {
+          text: '证件类型',
+          value: 'cardTypeName',
+          align: 'center',
+          width: 80
+        },
+        {
+          text: '证件号码',
+          value: 'idCardNo',
+          align: 'center'
+        },
+        {
+          text: '户籍地址',
+          value: 'residenceAddr',
+          align: 'center'
+        },
+        {
+          text: '创建时间',
+          value: 'createTime',
+          width: 120,
+          align: 'center'
+        }
+      ], // 显示列
+      timeRange: [], // 时间范围
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: false // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      } // 表格属性
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.listLoading = true
+      const that = this
+      setTimeout(function() {
+        that.list = [
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' }
+        ]
+        that.total = 200
+        that.listLoading = false
+      }, 2000)
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 重置后的操作， 若不需要显示重置按钮则不需要写
+    clearInput() {
+      this.$message.success('clearInput')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+
+</style>
diff --git a/src/views/soundsManage/waitForCreate.vue b/src/views/soundsManage/waitForCreate.vue
index a313e57..01d30b2 100644
--- a/src/views/soundsManage/waitForCreate.vue
+++ b/src/views/soundsManage/waitForCreate.vue
@@ -194,6 +194,7 @@
 }
 </script>
 
-<style scoped>
+<style rel="stylesheet/scss" lang="scss" scoped>
+
 
 </style>

diff --git a/src/api/call.js b/src/api/call.js
index 18190dd..3aba9ab 100644
--- a/src/api/call.js
+++ b/src/api/call.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 坐席状态上报
+// 座席状态上报
 export function seatReport(type, recordName) {
   return request({
     url: 'case/workList',
diff --git a/src/api/callCase.js b/src/api/callCase.js
index d24c507..4bbd433 100644
--- a/src/api/callCase.js
+++ b/src/api/callCase.js
@@ -108,3 +108,21 @@
     data
   })
 }
+// 获取工单提醒
+export function caseRemind(params) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params
+  })
+}
+// 获取指定类型工单统计数量
+export function getCount(type) {
+  return request({
+    url: 'case/workList',
+    method: 'get',
+    params: {
+      type: type
+    }
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index d190bfc..f5c38f1 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -15,24 +15,26 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/role/list',
+    url: '/knowledge/listPage',
     method: 'get',
     params
   })
 }
 // 知识库详情
-export function knowledgeDetail(params) {
+export function knowledgeDetail(id) {
   return request({
     url: '/knowledge/detail',
     method: 'get',
-    params
+    params: {
+      kId: id
+    }
   })
 }
 
 // 添加知识
 export function addKnowledge(params) {
   return request({
-    url: 'role/add',
+    url: '/knowledge/add',
     method: 'post',
     params
   })
@@ -40,7 +42,7 @@
 // 修改知识
 export function updateKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/update',
     method: 'post',
     params
   })
@@ -48,23 +50,20 @@
 // 审核知识
 export function checkKnowledge(params) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/check',
     method: 'post',
     params
   })
 }
 // 上架知识
-export function groundingKnowledge(type, ids, validPeriod) {
+export function groundingKnowledge(type, ids, validPeroid) {
   return request({
-    url: 'role/update',
+    url: '/knowledge/grounding',
     method: 'post',
     params: {
       groundingStatus: type,
       ids: ids,
-      validPeriod: validPeriod
-    },
-    paramsSerializer: params => {
-      return qs.stringify(params, { indices: false })
+      validPeroid: validPeroid
     }
   })
 }
@@ -73,7 +72,7 @@
 // 获取知识库类别列表
 export function getTypeList(params) {
   return request({
-    url: 'role/list',
+    url: '/ktype/list',
     method: 'get',
     params
   })
@@ -82,7 +81,7 @@
 // 添加类别
 export function addType(params) {
   return request({
-    url: 'role/add',
+    url: '/ktype/add',
     method: 'post',
     params
   })
@@ -90,7 +89,7 @@
 // 修改类别
 export function updateType(params) {
   return request({
-    url: 'role/update',
+    url: '/ktype/update',
     method: 'post',
     params
   })
@@ -98,7 +97,7 @@
 // 删除类别
 export function delType(id) {
   return request({
-    url: 'role/delete',
+    url: '/ktype/delete',
     method: 'post',
     params: {
       id: id
diff --git a/src/api/phone.js b/src/api/phone.js
new file mode 100644
index 0000000..9dee42c
--- /dev/null
+++ b/src/api/phone.js
@@ -0,0 +1,36 @@
+// 分机管理接口
+import request from '@/utils/request'
+
+// 分机列表
+export function phoneList(params) {
+  return request({
+    url: '/extensionPhone/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机
+export function addPhone(params) {
+  return request({
+    url: '/extensionPhone/add',
+    method: 'post',
+    params
+  })
+}
+// 更新分机
+export function updatePhone(params) {
+  return request({
+    url: '/extensionPhone/update',
+    method: 'post',
+    params
+  })
+}
+// 绑定座席
+export function bindSeats(params) {
+  return request({
+    url: '/extensionPhone/bindUsers',
+    method: 'post',
+    params
+  })
+}
diff --git a/src/api/qualityCheck.js b/src/api/qualityCheck.js
new file mode 100644
index 0000000..a7cc19d
--- /dev/null
+++ b/src/api/qualityCheck.js
@@ -0,0 +1,90 @@
+/**
+ * 质检管理接口
+ */
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 查询质检模块
+export function getQModulerList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检模块
+export function addQModular(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检模块
+export function updateQModular(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检模块
+export function delQModular(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      ids: id
+    }
+  })
+}
+
+// 生效/失效质检模块
+export function activeQModular(id, status) {
+  return request({
+    url: '/qualityModular/active',
+    method: 'post',
+    params: {
+      id: id,
+      status: status
+    }
+  })
+}
+
+// 查询质检标准
+export function getQIndexList(params) {
+  return request({
+    url: '/customer/listPage',
+    method: 'get',
+    params
+  })
+}
+// 新增质检标准
+export function addQIndex(params) {
+  return request({
+    url: '/customer/add',
+    method: 'post',
+    params
+  })
+}
+// 编辑质检标准
+export function updateQIndex(params) {
+  return request({
+    url: '/customer/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除质检标准
+export function delQIndex(id) {
+  return request({
+    url: '/customer/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/icons/svg/icon-check.svg b/src/icons/svg/icon-check.svg
new file mode 100644
index 0000000..24ac667
--- /dev/null
+++ b/src/icons/svg/icon-check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370745184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1975" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 128s-129.9 49.1-203.6 26.5C574 118.2 511.9 64 511.9 64s-62.1 54.2-180.4 90.5C257.8 177.1 128 128 128 128s-17.6 270.9 9.5 474.5C164.6 806.1 511.9 960 511.9 960s347.6-153.9 374.6-357.5C913.6 398.9 896 128 896 128zM486 667l-64.5-64.5 0.3-0.3-102.7-102.6 64.2-64.2L486 538l207-207 64.5 64.5L486 667z" p-id="1976"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/icon-seat.svg b/src/icons/svg/icon-seat.svg
new file mode 100644
index 0000000..85943e0
--- /dev/null
+++ b/src/icons/svg/icon-seat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587379467199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5323" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M236.8 519.04a293.12 293.12 0 0 0 71.68 111.36 29.44 29.44 0 0 0 13.44 28.16l24.96 16a29.44 29.44 0 1 0 32.64-49.92l-25.6-15.36000001a29.44 29.44 0 0 0-26.24 1e-8 261.76 261.76 0 0 1-58.24-87.68000001L288.63999999 521.6l1e-8-58.24a23.68 23.68 0 0 0 19.84 9.6 17.92 17.92 0 0 0 8.96-3.84A216.32 216.32 0 0 0 512 618.88a179.84 179.84 0 0 0 56.32-8.96 231.68 231.68 0 0 0 139.52-146.56 17.92 17.92 0 0 0 8.96 3.84 21.76 21.76 0 0 0 17.92-7.04l1e-8 55.68L780.16 515.84a42.88 42.88 0 0 0 44.8-40.96l5.12-128a42.88 42.88 0 0 0-24.32-40.32 377.6 377.6 0 0 0-8.32-45.44 349.44 349.44 0 0 0-74.24-144A286.72 286.72 0 0 0 567.68 24.96 267.52 267.52 0 0 0 512 18.56a278.4 278.4 0 0 0-211.2 100.48 350.08 350.08 0 0 0-77.44 144.64 376.32 376.32 0 0 0-8.96 46.72 42.88 42.88 0 0 0-22.4 39.04l5.76 128a42.88 42.88 0 0 0 39.04 41.6z m330.88 48A142.08 142.08 0 0 1 512 576.00000001C416 576 337.92 481.92 337.92 362.88a261.76 261.76 0 0 1 7.04-59.52 112 112 0 0 1 64-39.68 123.52 123.52 0 0 1 64 0 128 128 0 0 1 69.76 45.44 204.16 204.16 0 0 0 30.72000001 30.72 181.76 181.76 0 0 0 110.71999999 44.16 214.4 214.4 0 0 1-116.48 183.04zM272 263.68A256 256 0 0 1 512 64a216.96 216.96 0 0 1 58.88 8.32 270.72 270.72 0 0 1 178.56 192 330.88 330.88 0 0 1 8.96 39.68l-17.92 0 1e-8 48.64-6.4 0a17.28 17.28 0 0 0-8.32 0 298.88 298.88 0 0 0-16.64000001-88.32 232.32 232.32 0 0 0-140.16-147.2A179.84 179.84 0 0 0 512 106.88000001a216.96 216.96 0 0 0-197.12 156.79999999 298.24 298.24 0 0 0-16.64000001 88.32 17.28 17.28 0 0 0-8.32 0 17.92 17.92 0 0 0-8.32 3.84l1e-8-49.92L262.4 305.92a326.4 326.4 0 0 1 9.6-42.24z" p-id="5324"></path><path d="M864 752.64a272 272 0 0 0-21.76-29.44A262.4 262.4 0 0 0 640 625.28l-6.4 0a112 112 0 0 1-51.2 26.24000001l-24.96 101.11999999L512 945.92l-45.44-192-23.68-100.47999999-17.92-7.04000001a64 64 0 0 1-64 64 64 64 0 0 1-32-6.4l-25.6-16a64 64 0 0 1-25.6-33.91999999A269.44 269.44 0 0 0 117.12 896l0 97.91999999a14.08 14.08 0 0 1 5.12 14.72000001l779.52 0a14.08 14.08 0 0 1 5.12-14.72000001l0-101.11999999a264.96 264.96 0 0 0-42.88-140.16z" p-id="5325"></path></svg>
diff --git a/src/icons/svg/monitor.svg b/src/icons/svg/monitor.svg
new file mode 100644
index 0000000..9caea16
--- /dev/null
+++ b/src/icons/svg/monitor.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587370659475" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1236" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M64 64V640H896V64H64zM0 0h960v704H0V0z" p-id="1237"></path><path d="M192 896H768v64H192zM448 640H512v256h-64z" p-id="1238"></path><path d="M479.232 561.604267l309.9904-348.330667-47.803733-42.5472-259.566934 291.669333L303.957333 240.008533 163.208533 438.6048l52.224 37.009067 91.6224-129.28z" p-id="1239"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 0d2256d..37fbcfa 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -60,7 +60,12 @@
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
-          location.reload() // 为了重新实例化vue-router对象 避免bug
+          const BASE_API = process.env.BASE_API
+          if (BASE_API.search('http://10.18.0.23')) {
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+          } else {
+            this.$router.replace('/')
+          }
         })
       }
     },
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index b515f61..5bd4260 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon" :icon-class="icon"/>
+    <span v-if="title" slot="title">{{ title }}<span v-if="count">【{{ count }}】</span></span>
+  </div>
+</template>
 <script>
+import { getCount } from '@/api/callCase'
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,52 @@
     title: {
       type: String,
       default: ''
+    },
+    meta: {
+      type: Object,
+      default: null
     }
   },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+  data() {
+    return {
+      count: 0
     }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+  },
+  created() {
+    // 如果需要提醒
+    // if (this.meta.remind) {
+    //   this.getRealtimeData()
+    //   this.clock()
+    // }
+  },
+  methods: {
+    clock() {
+      const that = this
+      setInterval(function() {
+        that.getRealtimeData()
+      }, 60000)
+    },
+    getRealtimeData() {
+      getCount(this.meta.type).then(response => {
+        if (response.code === 200) {
+          response.count = 2
+          this.count = response.count
+        }
+      })
     }
-    return vnodes
   }
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //
+  //   if (title) {
+  //     vnodes.push(<span slot='title'>{(title)}</span>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 988d662..5e94c9e 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :meta="child.meta" />
           </el-menu-item>
         </a>
       </template>
diff --git a/src/permission.js b/src/permission.js
index 7fbdb57..88cf056 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@
 
 NProgress.configure({ showSpinner: false })// NProgress configuration
 
-const whiteList = ['/login', 'config/baseconfig'] // 不重定向白名单
+const whiteList = ['/login', '/401', '/404', 'config/baseconfig'] // 不重定向白名单
 // 全局钩子
 router.beforeEach((to, from, next) => {
   NProgress.start() // 加载进度条
diff --git a/src/router/index.js b/src/router/index.js
index 7b20a84..bcaea68 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@
 import { knowledgeRouters } from './modules/knowledge'
 import { customerRouters } from './modules/customer'
 import { monitorRouters } from './modules/statistic'
+import { qualityCheckRouters } from './modules/qualityCheck'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -78,5 +79,6 @@
   ...customerRouters,
   ...systemRouters,
   ...monitorRouters,
+  ...qualityCheckRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/case.js b/src/router/modules/case.js
index bfbcc7a..46e85ef 100644
--- a/src/router/modules/case.js
+++ b/src/router/modules/case.js
@@ -16,13 +16,13 @@
       path: '/waitForCreate',
       name: 'WaitForCreate',
       component: () => import('@/views/caseManage/waitForCreate'),
-      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist' }
+      meta: { title: '待录事件', icon: '', permission: '/sound/noCaselist', remind: true, type: 'noCaseNum' }
     },
     {
       path: '/waitForHandle',
       name: 'WaitForHandle',
       component: () => import('@/views/caseManage/waitForHandle'),
-      meta: { title: '待办事件', icon: '', permission: '/case/workList' }
+      meta: { title: '待办事件', icon: '', permission: '/case/workList', remind: true, type: 'workNum' }
     },
     {
       path: '/completedList',
diff --git a/src/router/modules/qualityCheck.js b/src/router/modules/qualityCheck.js
new file mode 100644
index 0000000..6022ebd
--- /dev/null
+++ b/src/router/modules/qualityCheck.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const qualityCheckRouters = [{
+  path: '/quality',
+  component: Layout,
+  redirect: '/qualityManage',
+  name: 'Quality',
+  alwaysShow: true,
+  meta: {
+    title: '质检管理',
+    icon: 'icon-config', // 图标
+    permission: '/qualityManage'
+  },
+  children: [
+    {
+      path: '/qualityModular',
+      name: 'QualityModular',
+      component: () => import('@/views/qualityManage/qualityModular/qualityIndexManage'),
+      meta: { title: '质检模块', icon: '', permission: '/qualityModular' }
+    },
+    {
+      path: '/qualityCheck',
+      name: 'QualityCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '质检录音', icon: '', permission: '/qualityCheck' }
+    },
+    {
+      path: '/qualityCheckTwice',
+      name: 'QualityCheckTwice',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '质检录音复核', icon: '', permission: '/qualityCheckTwice' }
+    }
+  ]
+}]
diff --git a/src/router/modules/statistic.js b/src/router/modules/statistic.js
index 02cbd00..62bed4c 100644
--- a/src/router/modules/statistic.js
+++ b/src/router/modules/statistic.js
@@ -8,14 +8,21 @@
   alwaysShow: true,
   meta: {
     title: '监控管理',
-    icon: 'icon-config' // 图标
+    icon: 'icon-config', // 图标
+    permission: '/monitorManage'
   },
   children: [
     {
+      path: '/seatMonitor',
+      name: 'SeatMonitor',
+      component: () => import('@/views/monitor/seatMonitor/seatMonitor'),
+      meta: { title: '座席监控', icon: '', permission: '/monitor/seat' }
+    },
+    {
       path: '/realtimeMonitor',
       name: 'RealtimeMonitor',
-      component: () => import('@/views/monitor/realtimeMonitor'),
-      meta: { title: '实时监控', icon: '' }
+      component: () => import('@/views/monitor/realtimeMonitor/realtimeMonitor'),
+      meta: { title: '实时监控', icon: '', permission: '/monitor/reatime' }
     }
   ]
 }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 18700f3..8b512d5 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -13,6 +13,12 @@
   },
   children: [
     {
+      path: '/phone',
+      name: 'Phone',
+      component: () => import('@/views/phoneManage/phoneManage'),
+      meta: { title: '分机管理', icon: 'tree', permission: ['/phoneManage'] }
+    },
+    {
       path: '/resource',
       name: 'Resource',
       component: () => import('@/views/system/resource/listResource'),
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40254f4..531892e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo } from '@/api/login'
 import { getToken, setToken, removeToken, getSeat, setSeat, removeSeat, getExten, setExten, removeExten } from '@/utils/auth'
 import { getOnline, setOnline, removeOnline } from '@/utils/auth'
+import { getProject } from '@/utils/baseConfig'
 
 const user = {
   state: {
@@ -107,7 +108,8 @@
           if (process.env.NODE_ENV === 'development') {
             reject()
           } else {
-            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+            const systemName = getProject().type
+            window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin?systemName=' + systemName
           }
         }
       })
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605f4cd..54fa9d7 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -53,7 +53,7 @@
 export function removeExten() {
   return Cookies.remove(Exten)
 }
-// 坐席签入状态
+// 座席签入状态
 export function getOnline() {
   return window.localStorage.getItem('online')
 }
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index 4347e17..1815c28 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -1,5 +1,8 @@
 const project = {
   title: '呼叫中心业务平台',
+  type: 'callcenter',
+  // title: '城市协同工作平台',
+  //   // type: 'city',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/views/customerManage/customerList.vue b/src/views/customerManage/customerList.vue
index 878fa29..d2712b0 100644
--- a/src/views/customerManage/customerList.vue
+++ b/src/views/customerManage/customerList.vue
@@ -31,7 +31,7 @@
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
           </template>
         </el-table-column>
       </template>
diff --git a/src/views/customerManage/editCustomer.vue b/src/views/customerManage/editCustomer.vue
index 4796f12..b069980 100644
--- a/src/views/customerManage/editCustomer.vue
+++ b/src/views/customerManage/editCustomer.vue
@@ -127,7 +127,7 @@
           name: row.name, // 姓名
           email: row.email, // 邮箱，
           tel1: row.tel1, // 联系方式1
-          tel2: row.tel1, // 联系方式2
+          tel2: row.tel2, // 联系方式2
           cardNo: row.cardNo, // 证件号码
           address: row.address, // 地址
           remarks: row.remarks, // 备注
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c046487..237b2b3 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,6 +12,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import WaitHandle from './components/waitHandle'
+import { caseRemind } from '@/api/callCase'
 
 export default {
   name: 'Dashboard',
@@ -26,6 +27,38 @@
       'communications',
       'area'
     ])
+  },
+  mounted() {
+    this.fetchCaseRemind()
+  },
+  methods: {
+    // 工单提醒
+    fetchCaseRemind() {
+      caseRemind().then(response => {
+        if (response.code === 200) {
+          response.data = [{
+            'type': '待办事件',
+            'num': 1
+          }, {
+            'type': '待办督办',
+            'num': 1
+          }]
+          if (response.data.length > 0) {
+            let message = ''
+            for (const item of response.data) {
+              message += '您有' + item.num + '条' + item.type + '<br/>'
+            }
+            this.$notify.warning({
+              title: '待办',
+              dangerouslyUseHTMLString: true,
+              message: message,
+              duration: 0,
+              position: 'bottom-right'
+            })
+          }
+        }
+      })
+    }
   }
 }
 </script>
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
index facb992..2240c66 100644
--- a/src/views/knowledgeManage/components/TypeTree.vue
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -45,12 +45,12 @@
     fetchTypeTree() {
       this.treeLoading = true
       getTypeList().then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
-        this.tree = toTreeList(response.data, '', true)
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
+        this.tree = toTreeList(response.data, '-1', true)
         this.treeLoading = false
       })
     },
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
index 98eee7a..f7d4438 100644
--- a/src/views/knowledgeManage/components/setTimeDialog.vue
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -6,6 +6,7 @@
           <el-form-item label="请选择有效期限" prop="txt">
             <el-date-picker
               v-model="form.txt"
+              value-format="yyyy-MM-dd HH:mm:ss"
               type="datetime"
               placeholder="选择时间"
               clearable/>
@@ -72,7 +73,7 @@
       size: 'small',
       form: {
         txt: ''
-      }, // 表单
+      } // 表单
     }
   },
   methods: {
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
index 5628a23..6f73f7d 100644
--- a/src/views/knowledgeManage/editKType.vue
+++ b/src/views/knowledgeManage/editKType.vue
@@ -86,13 +86,13 @@
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
diff --git a/src/views/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
index 8bcb931..c0dcfcc 100644
--- a/src/views/knowledgeManage/editKnowledge.vue
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" append-to-body>
-    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" label-position="right" :size="size" label-width="80px">
+    <el-form ref="dataForm" :rules="rules" :model="knowledgeForm" :size="size" label-position="right" label-width="80px">
       <el-row type="flex" justify="center">
         <el-col :span="24">
           <el-form-item label="标题" prop="name">
@@ -23,7 +23,8 @@
       <el-row>
         <el-col :span="24">
           <el-form-item label="知识内容" prop="info">
-            <tinymce v-model="knowledgeForm.info" :height="300"/>
+            <!--<tinymce v-model="knowledgeForm.info" :height="300"/>-->
+            <el-input v-model="knowledgeForm.info" type="textarea" rows="10" placeholder="必填"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -39,7 +40,7 @@
 import { toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
 // import { getDeptTreeList } from '@/api/system/dept'
-import { getTypeList, addType, updateType } from '@/api/knowledge'
+import { getTypeList, addKnowledge, updateKnowledge, knowledgeDetail } from '@/api/knowledge'
 import Tinymce from '../../components/Tinymce/index'
 
 export default {
@@ -50,7 +51,7 @@
       dialogFormVisible: false, // 对话框是否显示
       dialogStatus: '', // 对话框类型：create,update
       btnLoading: false, // 保存按钮的加载中状态
-      size:'small',
+      size: 'small',
       knowledgeForm: {
         id: '', // 编号
         type: '', // 父级编号
@@ -59,9 +60,9 @@
         info: '' // 内容
       }, // 表单
       typeProps: {
-        parent: 'typeName',
+        parent: 'pid',
         value: 'id',
-        label: 'name',
+        label: 'typeName',
         children: 'children'
       },
       typeTreeList: [], // 类别树列表数据
@@ -93,25 +94,28 @@
           this.$refs['dataForm'].clearValidate()
         })
       } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
-        this.knowledgeForm = {
-          id: row.id, // 编号
-          type: row.type, // 类别
-          name: row.name, // 标题
-          keywords: row.keywords,
-          info: row.info
-        }
+        this.fetchKnowledgeDetail(row.kId)
       }
     },
+    // 获取知识详情
+    fetchKnowledgeDetail(id) {
+      knowledgeDetail(id).then(response => {
+        if (response.data) {
+          this.knowledgeForm = {
+            id: response.data.kId, // id
+            type: response.data.kType, // 类型
+            name: response.data.kName, // 类别名
+            keywords: response.data.keywords, // 关键词
+            info: response.data.kInfo // 内容
+          }
+        }
+      })
+    },
     // 加载类别树形下拉菜单
     fetchTypeTree: function() {
-      getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', type: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', type: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', type: '1', deptName: '顶级', num: '1' }
-        ]
+      getTypeList().then(response => {
         if (response.data) {
-          this.typeTreeList = toTreeList(response.data, '0')
+          this.typeTreeList = toTreeList(response.data, '-1')
           console.log(this.typeTreeList)
         }
       })
@@ -138,7 +142,7 @@
         console.log(this.knowledgeForm)
         if (valid) {
           this.btnLoading = true
-          addType(this.knowledgeForm).then(response => {
+          addKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$confirm('新增成功，是否继续新增?', '提示', {
                 confirmButtonText: '是',
@@ -167,7 +171,7 @@
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.btnLoading = true
-          updateType(this.knowledgeForm).then(response => {
+          updateKnowledge(this.knowledgeForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
index 333899e..080c166 100644
--- a/src/views/knowledgeManage/kTypeManage.vue
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -4,7 +4,7 @@
     <div class="search-div">
       <el-form ref="selectForm" :inline="true" :model="listQuery" size="small" class="form-container">
         <el-form-item class="selectForm-container-item" prop="roleName">
-          <el-input v-model.trim="listQuery.keyword" placeholder="类别名称" clearable/>
+          <el-input v-model.trim="listQuery.keywords" placeholder="类别名称" clearable/>
         </el-form-item>
         <el-button class="filter-item" type="primary" size="small" icon="el-icon-search" @click="search">搜索</el-button>
         <el-button v-if="hasPerm('/ktype/add')" class="filter-item" style="margin-left: 10px;" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
@@ -14,8 +14,8 @@
     <tree-table v-loading="listLoading" :data="list" :columns="columns" size="small" rowkey="id" class="treetable" border stripe>
       <el-table-column v-if="showOperate" label="操作" width="250">
         <template slot-scope="scope">
-          <el-button v-if="hasPerm('/ktype/edit')" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
-          <el-button v-if="hasPerm('/ktype/delete')" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
+          <el-button v-if="hasPerm('/ktype/edit')&&scope.row.pid!='-1'" type="warning" size="mini" @click="edit(scope.row)">修改</el-button>
+          <el-button v-if="hasPerm('/ktype/delete')&&scope.row.pid!='-1'" type="danger" size="mini" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </tree-table>
@@ -43,7 +43,7 @@
   data() {
     return {
       listQuery: {
-        keyword: ''
+        keywords: ''
       },
       columns: [
         {
@@ -110,11 +110,11 @@
     fetchData() {
       this.listLoading = true
       getTypeList(this.listQuery).then(response => {
-        response.data = [
-          { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
-          { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
-          { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
-        ]
+        // response.data = [
+        //   { typeName: '大类', id: '1', pid: '', deptName: '顶级', num: '1' },
+        //   { typeName: '小类1', id: '2', pid: '1', deptName: '顶级', num: '1' },
+        //   { typeName: '小类2', id: '3', pid: '1', deptName: '顶级', num: '1' }
+        // ]
         this.list = toTreeList(response.data)
         this.listLoading = false
       })
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
index 50cd3a1..54ae36e 100644
--- a/src/views/knowledgeManage/knowledgeCheck.vue
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -49,7 +49,7 @@
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
                 <el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>
-                <el-button type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
+                <el-button v-show="scope.row.checkStatus=='0'" type="text" size="small" @click.stop="check(scope.row)">审核</el-button>
               </template>
             </el-table-column>
           </template>
@@ -58,7 +58,7 @@
     </el-row>
     <knowledge-detail ref="kdetail"/>
     <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
-    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="ground"/>
   </app-container>
 </template>
 
@@ -93,8 +93,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -130,7 +130,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -179,19 +179,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'kId': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'kId': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
@@ -216,10 +216,17 @@
         this.$refs.grounddialog.initDialog()
       }
     },
+    ground(type, val) {
+      if (type === 'success') {
+        this.grounding(val)
+      } else {
+        this.ungrounding(val)
+      }
+    },
     // 上架
     grounding(val) {
       const list = this.multipleSelection.map(item => item.kId)
-      groundingKnowledge('1', list, val).then(response => {
+      groundingKnowledge('1', list.join(','), val).then(response => {
         if (response.code === 200) {
           this.$message.success('上架成功')
         }
@@ -238,7 +245,7 @@
           }
         ).then(() => {
           const list = this.multipleSelection.map(item => item.kId)
-          groundingKnowledge('2', list).then(response => {
+          groundingKnowledge('2', list.join(',')).then(response => {
             if (response.code === 200) {
               this.$message.success('下架成功')
             }
@@ -265,6 +272,7 @@
           } else if (type === 'refuse') {
             this.$message.success('驳回成功')
           }
+          this.fetchData()
         }
       })
     },
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
index 730421f..9151116 100644
--- a/src/views/knowledgeManage/knowledgeManage.vue
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -77,8 +77,8 @@
         valid: '', // 可用状态
         offset: 1,
         limit: 20,
-        sort: 'createTime',
-        order: 'desc'
+        sort: '',
+        order: ''
       }, // 筛选条件
       columns: [
         {
@@ -114,7 +114,7 @@
         },
         {
           text: '可用状态',
-          value: 'validStatusName',
+          value: 'validStatus',
           align: 'center'
         },
         {
@@ -148,19 +148,19 @@
       this.listLoading = true
       knowledgeList(this.listQuery).then(response => {
         if (response.code === 200) {
-          response.data.rows = [
-            {
-              'id': '1',
-              'kName': '特种设备作业人员操作证怎样办理？',
-              'kTypeName': '大类',
-              'publisherName': '张三',
-              'publishTime': '2020-04-12',
-              'checkStatusName': '未审核',
-              'groundingStatusName': '未上架',
-              'validStatusName': '不可用',
-              'validPeroid': '永久'
-            }
-          ]
+          // response.data.rows = [
+          //   {
+          //     'id': '1',
+          //     'kName': '特种设备作业人员操作证怎样办理？',
+          //     'kTypeName': '大类',
+          //     'publisherName': '张三',
+          //     'publishTime': '2020-04-12',
+          //     'checkStatusName': '未审核',
+          //     'groundingStatusName': '未上架',
+          //     'validStatusName': '不可用',
+          //     'validPeroid': '永久'
+          //   }
+          // ]
           this.list = response.data.rows
           this.total = response.data.total
           this.listLoading = false
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 6326221..1ad01f4 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -52,8 +52,19 @@
       this.$store.dispatch('ToggleSideBar')
     },
     logout() {
+      debugger
       this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location.reload() // 为了重新实例化vue-router对象 避免bug
+        // location // 为了重新实例化vue-router对象 避免bug
+        const HOST = process.env.HOST
+        alert(HOST)
+        alert(process.env.BASE_API)
+        const BASE_API = process.env.BASE_API
+        if (BASE_API === 'http://10.18.0.23:8083/callcenter/api') {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/logout'
+        } else {
+          this.$router.replace('/')
+        }
       })
     },
     resetPwd() {
diff --git a/src/views/monitor/components/callLine.vue b/src/views/monitor/components/callLine.vue
deleted file mode 100644
index 08eb5a0..0000000
--- a/src/views/monitor/components/callLine.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<!--通话统计曲线-->
-<template>
-  <div class="app-container">
-    <div v-show="chartShow" class="chart-container">
-      <div class="chart-body">
-        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
-
-export default {
-  name: 'CollectStatics',
-  data() {
-    return {
-      listQuery: {
-        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
-        collReason: '', // 采集原因
-        stId: '', // 采集站点
-        startDate: '', // 开始时间
-        endDate: '', // 结束时间
-        compare: false, // 是否进行对比
-        startDate2: '', // 比较开始时间
-        endDate2: '', // 比较结束时间
-        analysisDate: 'hour' // 统计方式
-      },
-      chartShow: true,
-      personTypeList: [],
-      timeRange1: [],
-      timeRange2: [],
-      startDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      endDateDisabled: {
-        disabledDate: ''
-      }, // 限制可选范围
-      chartData: {
-        columns: ['colDate', 'colCount'],
-        rows: []
-      }, // 表格数据
-      chartSettings: {
-        labelMap: {
-          'colCount': '总话务量',
-          'colAlarmCount': '成功接通话务量',
-          'colDate': '时间'
-        },
-        metrics: ['colCount', 'colAlarmCount'],
-        dimension: ['colDate']
-      },
-      extend: {
-        series: {
-          smooth: false
-        },
-        yAxis: {
-          minInterval: 1
-        }
-      },
-      title: {
-        text: '',
-        show: false
-      },
-      rerenderFlag: false, // 需要重绘的标志
-      loading: true
-    }
-  },
-  computed: {
-    labels() {
-      const labels = {
-        colCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集总量',
-        colAlarmCount1: this.listQuery.startDate + ' ~ ' + this.listQuery.endDate + ' 采集报警量',
-        colCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集总量',
-        colAlarmCount2: this.listQuery.startDate2 + ' ~ ' + this.listQuery.endDate2 + ' 采集报警量'
-      }
-      return labels
-    }
-  },
-  watch: {
-    'listQuery.compare'(val) {
-      if (val === true) {
-        this.timeRange2 = []
-      } else {
-        this.fetchData()
-      }
-    }
-  },
-  created() {
-    this.fetchData()
-  },
-  methods: {
-    // 获取数据
-    fetchData() {
-      // 刷新日期
-      this.refreshDate()
-      // 不需要对比
-      const params = {
-        analysisType: this.listQuery.analysisType,
-        startDate: this.listQuery.startDate,
-        endDate: this.listQuery.endDate,
-        collReason: this.listQuery.collReason, // 采集原因
-        analysisDate: this.listQuery.analysisDate,
-        stId: this.listQuery.stId // 采集站点
-      }
-      this.loading = true
-      this.chartData.rows = [
-        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
-        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
-        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
-        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
-      ]
-      // collectStatics(params).then(response => {
-      //   if (response.code === 200) {
-      //     this.chartData.rows = response.data
-      //     this.judgeMaxValue(response.data)
-      //     if (this.rerenderFlag) {
-      //       this.$refs['linechart'].echarts.resize()
-      //     }
-      //     console.log('refreshChart')
-      //     this.loading = false
-      //   }
-      // })
-    },
-    // 判断曲线的最大值
-    judgeMaxValue(data) {
-      let maxValue = -1
-      // 非对比数据
-      if (!this.listQuery.compare) {
-        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
-      } else { // 对比数据
-        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
-        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
-        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
-      }
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-    }
-  }
-}
-</script>
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container{
-    padding: 15px 10px 10px 10px;
-    .chart-container{
-      padding:0px;
-      border: 1px solid #d3dce6;
-      .chart-tools{
-        background-color: #f2f2f2;
-        line-height: 35px;
-        padding-left: 10px;
-        padding-right: 5px;
-        .chart-tool-button{
-          padding: 5px;
-          line-height: 16px;
-          margin-top:5px;
-          font-size:13px;
-        }
-        .form-item{
-          width:200px;
-          float:left;
-          margin-right: 10px;
-          margin-top:10px;
-          margin-bottom:10px;
-        }
-        .chart-tool-button:hover{
-          background-color: #8cc5ff;
-          cursor: pointer;
-          color:white
-        }
-        .chart-tool-button:active{
-          background-color: #8cc5ff;
-          color:white
-        }
-        .editor--datetimerange.el-input__inner{
-          width: 300px;
-        }
-      }
-      .chart-title{
-        text-align: center;
-        font-size:19px;
-        font-weight:600;
-        margin-top: 20px
-      }
-      .chart-btns{
-        padding-right:50px;
-        text-align: right;
-      }
-      .chart-body{
-        padding:15px 50px;
-        height:400px;
-      }
-    }
-    .statistic-table-div{
-      padding:30px 70px 60px;
-    }
-    .introduce{
-      color:dimgrey;
-      margin: 0px 20px;
-      .el-image{
-        margin: 30px 10px;
-      }
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/callStatics.vue b/src/views/monitor/components/callStatics.vue
deleted file mode 100644
index ce57072..0000000
--- a/src/views/monitor/components/callStatics.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时呼入/呼出统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="呼入统计" align="center">
-            <el-table-column
-              v-for="column in inColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="呼出统计" align="center">
-            <el-table-column
-              v-for="column in outColumns"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column
-            class-name="darker-head"
-            v-for="column in allColumns"
-            :key="column.text"
-            :prop="column.value"
-            :label="column.text"
-            align="center"/>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'CallStatics',
-  data: function() {
-    return {
-      inColumns: [
-        { text: '呼入成功', value: 'insuccess' },
-        { text: '客户放弃', value: 'giveup' },
-        { text: '坐席忙碌', value: 'busy' },
-        { text: '坐席未接', value: 'zxwj' },
-        { text: '呼损率', value: 'hsl' },
-        { text: '平均通话时长', value: 'pjthsc' },
-        { text: '呼入接通率', value: 'hrjtl' }
-      ],
-      outColumns: [
-        { text: '呼出成功', value: 'outsuccess' },
-        { text: '呼出失败', value: 'outfail' },
-        { text: '平均通话时长', value: 'outtime' },
-        { text: '呼出接通率', value: 'outjtl' }
-      ],
-      allColumns: [
-        { text: '转移通话', value: 'transfer' },
-        { text: '总体接通率', value: 'alljtl' }
-      ],
-      data:[
-        {
-          insuccess: '0',
-          giveup: '0',
-          busy: '0',
-          zxwj: '0',
-          hsl: '0',
-          pjthsc: '0',
-          hrjtl: '0',
-          outsuccess: '0',
-          outfail: '0',
-          outtime: '0',
-          outjtl: '0',
-          transfer: '0',
-          alljtl: '0'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-
diff --git a/src/views/monitor/components/satisfiedStatics.vue b/src/views/monitor/components/satisfiedStatics.vue
deleted file mode 100644
index 10c1c2d..0000000
--- a/src/views/monitor/components/satisfiedStatics.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="非常满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="不满意" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="放弃评价" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SatisfiedStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '通话量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '通话量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '通话量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '通话量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
-<style rel="stylesheet/scss" lang="scss">
-  $themeColor: #96C7ED;
-  $boderColor: #c3dff4;
-  $leafColor: #dcecf9;
-  .head-class{
-    color: #000000;
-    font-weight: normal !important;
-    th{
-      background-color: $themeColor !important;
-      font-weight: normal !important;
-      border-color: $boderColor !important;
-    }
-    th.is-leaf{
-      background-color: $leafColor !important;
-    }
-    th.darker-head{
-      background-color: $themeColor !important;
-    }
-  }
-  .statistic-class{
-    td{
-      border-color: $boderColor !important;
-    }
-  }
-</style>
diff --git a/src/views/monitor/components/waitStatics.vue b/src/views/monitor/components/waitStatics.vue
deleted file mode 100644
index 32879cc..0000000
--- a/src/views/monitor/components/waitStatics.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<!--呼入呼出统计-->
-<template>
-  <div>
-    <div class="statistic-div box" title="实时满意度评价统计">
-      <div>
-        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
-          <el-table-column label="10秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="20秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-          <el-table-column label="30秒以上接通" align="center">
-            <el-table-column
-              v-for="column in five"
-              :key="column.text"
-              :prop="column.value"
-              :label="column.text"
-              align="center"/>
-          </el-table-column>
-
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WaitStatics',
-  data: function() {
-    return {
-      five: [
-        { text: '数量', value: 'fivethl' },
-        { text: '百分比', value: 'fivebfb' }
-      ],
-      four: [
-        { text: '数量', value: 'fourthl' },
-        { text: '百分比', value: 'fourbfb' }
-      ],
-      three: [
-        { text: '数量', value: 'threethl' },
-        { text: '百分比', value: 'threebfb' }
-      ],
-      two: [
-        { text: '数量', value: 'twothl' },
-        { text: '百分比', value: 'twobfb' }
-      ],
-      data:[
-        {
-          fivethl: '0',
-          fivebfb: '100%',
-          fourthl: '0',
-          fourbfb: '100%',
-          threethl: '0',
-          threebfb: '100%',
-          twothl: '0',
-          twobfb: '100%'
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $themeColor: aliceblue;
-  .statistic-div{
-    width:100%
-  }
-  .box{
-    position:relative;
-    margin-top: 20px;
-    border:2px solid $themeColor;
-    padding: 0 10px;
-    .table{
-      margin: 20px 0px;
-      box-sizing: border-box;
-      border-color: #C3DFF4 !important;
-    }
-  }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
-    th{
-      background-color: #66b1ff;
-    }
-  }
-</style>
diff --git a/src/views/monitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor.vue
deleted file mode 100644
index 80cab27..0000000
--- a/src/views/monitor/realtimeMonitor.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--实时监控-->
-<template>
-  <app-container>
-    <div class="monitor-title">实时监控</div>
-    <call-statics/>
-    <el-row>
-      <el-col span="12">
-        <satisfied-statics/>
-      </el-col>
-      <el-col span="12">
-        <wait-statics/>
-      </el-col>
-    </el-row>
-  </app-container>
-</template>
-
-<script>
-import CallStatics from './components/callStatics'
-import AppContainer from '../../components/layout/AppContainer'
-import SatisfiedStatics from './components/satisfiedStatics'
-import WaitStatics from './components/waitStatics'
-export default {
-  name: 'RealtimeMonitor',
-  components: { WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.monitor-title{
-  line-height: 2;
-  font-size: 18px;
-  font-weight: 700;
-  padding: 5px;
-  text-align: center;
-  background-color: #9accf3;
-}
-
-</style>
diff --git a/src/views/monitor/realtimeMonitor/components/callLine.vue b/src/views/monitor/realtimeMonitor/components/callLine.vue
new file mode 100644
index 0000000..f006096
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callLine.vue
@@ -0,0 +1,221 @@
+<!--通话统计曲线-->
+<template>
+  <div class="statistic-div box" title="按小时话务量统计">
+    <div v-show="chartShow" class="chart-container">
+      <div class="chart-body">
+        <ve-line ref="linechart" :loading="loading" :title="title" :data="chartData" :settings="chartSettings" :extend="extend"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+// import { collectStatics, collectStaticsContrast, exportCollectStatics, exportCollectStaticsContrast } from '@/api/statistics'
+
+export default {
+  name: 'CallLine',
+  data() {
+    return {
+      listQuery: {
+        analysisType: 'other', // 统计方式（yesterday\today\week\month\other）
+        collReason: '', // 采集原因
+        stId: '', // 采集站点
+        startDate: '', // 开始时间
+        endDate: '', // 结束时间
+        compare: false, // 是否进行对比
+        startDate2: '', // 比较开始时间
+        endDate2: '', // 比较结束时间
+        analysisDate: 'hour' // 统计方式
+      },
+      chartShow: true,
+      personTypeList: [],
+      startDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      endDateDisabled: {
+        disabledDate: ''
+      }, // 限制可选范围
+      chartData: {
+        columns: ['colDate', 'colCount'],
+        rows: []
+      }, // 表格数据
+      chartSettings: {
+        labelMap: {
+          'colCount': '总话务量',
+          'colAlarmCount': '成功接通话务量',
+          'colDate': '时间'
+        },
+        metrics: ['colCount', 'colAlarmCount'],
+        dimension: ['colDate']
+      },
+      extend: {
+        series: {
+          smooth: false
+        },
+        yAxis: {
+          minInterval: 1
+        }
+      },
+      title: {
+        text: '',
+        show: false
+      },
+      rerenderFlag: false, // 需要重绘的标志
+      loading: true
+    }
+  },
+  watch: {
+    'listQuery.compare'(val) {
+      if (val === true) {
+        this.timeRange2 = []
+      } else {
+        this.fetchData()
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      // 不需要对比
+      const params = {
+        analysisType: this.listQuery.analysisType,
+        startDate: this.listQuery.startDate,
+        endDate: this.listQuery.endDate,
+        collReason: this.listQuery.collReason, // 采集原因
+        analysisDate: this.listQuery.analysisDate,
+        stId: this.listQuery.stId // 采集站点
+      }
+      this.loading = true
+      this.chartData.rows = [
+        { colCount: 0, colAlarmCount: 0, colDate: '00:00:00' },
+        { colCount: 10, colAlarmCount: 8, colDate: '01:00:00' },
+        { colCount: 20, colAlarmCount: 13, colDate: '02:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '03:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '04:00:00' },
+        { colCount: 0, colAlarmCount: 0, colDate: '05:00:00' }
+      ]
+      // collectStatics(params).then(response => {
+      //   if (response.code === 200) {
+      //     this.chartData.rows = response.data
+      //     this.judgeMaxValue(response.data)
+      //     if (this.rerenderFlag) {
+      //       this.$refs['linechart'].echarts.resize()
+      //     }
+      //     console.log('refreshChart')
+      //     this.loading = false
+      //   }
+      // })
+    },
+    // 判断曲线的最大值
+    judgeMaxValue(data) {
+      let maxValue = -1
+      // 非对比数据
+      if (!this.listQuery.compare) {
+        maxValue = Math.max.apply(Math, data.map(function(item) { return item.colCount }))
+      } else { // 对比数据
+        const maxValue1 = Math.max.apply(Math, data.map(function(item) { return item.colCount1 }))
+        const maxValue2 = Math.max.apply(Math, data.map(function(item) { return item.colCount2 }))
+        maxValue = maxValue1 > maxValue2 ? maxValue1 : maxValue2
+      }
+      if (maxValue < 10) {
+        this.extend.yAxis = { max: 10 }
+      } else {
+        this.extend.yAxis = {}
+      }
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%;
+    .chart-container{
+    padding-top:10px;
+    /*border: 1px solid #d3dce6;*/
+    .chart-tools{
+      background-color: #f2f2f2;
+      line-height: 35px;
+      padding-left: 10px;
+      padding-right: 5px;
+      .chart-tool-button{
+        padding: 5px;
+        line-height: 16px;
+        margin-top:5px;
+        font-size:13px;
+      }
+      .form-item{
+        width:200px;
+        float:left;
+        margin-right: 10px;
+        margin-top:10px;
+        margin-bottom:10px;
+      }
+      .chart-tool-button:hover{
+        background-color: #8cc5ff;
+        cursor: pointer;
+        color:white
+      }
+      .chart-tool-button:active{
+        background-color: #8cc5ff;
+        color:white
+      }
+      .editor--datetimerange.el-input__inner{
+        width: 300px;
+      }
+    }
+    .chart-title{
+      text-align: center;
+      font-size:19px;
+      font-weight:600;
+      margin-top: 20px
+    }
+    .chart-btns{
+      padding-right:50px;
+      text-align: right;
+    }
+    .chart-body{
+      padding:15px 50px;
+      height:400px;
+    }
+  }
+    .statistic-table-div{
+      padding:30px 70px 60px;
+    }
+    .introduce{
+      color:dimgrey;
+      margin: 0px 20px;
+      .el-image{
+        margin: 30px 10px;
+      }
+    }
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
new file mode 100644
index 0000000..978b4e4
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -0,0 +1,116 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时呼入/呼出统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="呼入统计" align="center">
+            <el-table-column
+              v-for="column in inColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="呼出统计" align="center">
+            <el-table-column
+              v-for="column in outColumns"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column
+            class-name="darker-head"
+            v-for="column in allColumns"
+            :key="column.text"
+            :prop="column.value"
+            :label="column.text"
+            align="center"/>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CallStatics',
+  data: function() {
+    return {
+      inColumns: [
+        { text: '呼入成功', value: 'insuccess' },
+        { text: '客户放弃', value: 'giveup' },
+        { text: '座席忙碌', value: 'busy' },
+        { text: '座席未接', value: 'zxwj' },
+        { text: '呼损率', value: 'hsl' },
+        { text: '平均通话时长', value: 'pjthsc' },
+        { text: '呼入接通率', value: 'hrjtl' }
+      ],
+      outColumns: [
+        { text: '呼出成功', value: 'outsuccess' },
+        { text: '呼出失败', value: 'outfail' },
+        { text: '平均通话时长', value: 'outtime' },
+        { text: '呼出接通率', value: 'outjtl' }
+      ],
+      allColumns: [
+        { text: '转移通话', value: 'transfer' },
+        { text: '总体接通率', value: 'alljtl' }
+      ],
+      data:[
+        {
+          insuccess: '0',
+          giveup: '0',
+          busy: '0',
+          zxwj: '0',
+          hsl: '0',
+          pjthsc: '0',
+          hrjtl: '0',
+          outsuccess: '0',
+          outfail: '0',
+          outtime: '0',
+          outjtl: '0',
+          transfer: '0',
+          alljtl: '0'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
new file mode 100644
index 0000000..10c1c2d
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -0,0 +1,142 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="非常满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="不满意" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="放弃评价" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SatisfiedStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '通话量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '通话量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '通话量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '通话量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
+<style rel="stylesheet/scss" lang="scss">
+  $themeColor: #96C7ED;
+  $boderColor: #c3dff4;
+  $leafColor: #dcecf9;
+  .head-class{
+    color: #000000;
+    font-weight: normal !important;
+    th{
+      background-color: $themeColor !important;
+      font-weight: normal !important;
+      border-color: $boderColor !important;
+    }
+    th.is-leaf{
+      background-color: $leafColor !important;
+    }
+    th.darker-head{
+      background-color: $themeColor !important;
+    }
+  }
+  .statistic-class{
+    td{
+      border-color: $boderColor !important;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/components/waitStatics.vue b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
new file mode 100644
index 0000000..32879cc
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/components/waitStatics.vue
@@ -0,0 +1,117 @@
+<!--呼入呼出统计-->
+<template>
+  <div>
+    <div class="statistic-div box" title="实时满意度评价统计">
+      <div>
+        <el-table v-loading="listLoading" :data="data" :size="size" class="table" row-class-name="statistic-class" header-row-class-name="head-class" border @selection-change="handleSelectionChange">
+          <el-table-column label="10秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="20秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+          <el-table-column label="30秒以上接通" align="center">
+            <el-table-column
+              v-for="column in five"
+              :key="column.text"
+              :prop="column.value"
+              :label="column.text"
+              align="center"/>
+          </el-table-column>
+
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitStatics',
+  data: function() {
+    return {
+      five: [
+        { text: '数量', value: 'fivethl' },
+        { text: '百分比', value: 'fivebfb' }
+      ],
+      four: [
+        { text: '数量', value: 'fourthl' },
+        { text: '百分比', value: 'fourbfb' }
+      ],
+      three: [
+        { text: '数量', value: 'threethl' },
+        { text: '百分比', value: 'threebfb' }
+      ],
+      two: [
+        { text: '数量', value: 'twothl' },
+        { text: '百分比', value: 'twobfb' }
+      ],
+      data:[
+        {
+          fivethl: '0',
+          fivebfb: '100%',
+          fourthl: '0',
+          fourbfb: '100%',
+          threethl: '0',
+          threebfb: '100%',
+          twothl: '0',
+          twobfb: '100%'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $themeColor: aliceblue;
+  .statistic-div{
+    width:100%
+  }
+  .box{
+    position:relative;
+    margin-top: 20px;
+    border:2px solid $themeColor;
+    padding: 0 10px;
+    .table{
+      margin: 20px 0px;
+      box-sizing: border-box;
+      border-color: #C3DFF4 !important;
+    }
+  }
+  .box::before{
+    content:attr(title);
+    position:absolute;
+    left:20px;
+    color: #15428b;
+    font-weight: bold;
+    transform:translateY(-50%);
+    -webkit-transform:translate(0,-50%);
+    padding:0 10px;
+    background-color:#fff;
+    font-size:14px;
+  }
+  .head-class{
+    th{
+      background-color: #66b1ff;
+    }
+  }
+</style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
new file mode 100644
index 0000000..08273ef
--- /dev/null
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -0,0 +1,44 @@
+<!--实时监控-->
+<template>
+  <app-container>
+    <div class="monitor-title">实时监控</div>
+    <call-statics/>
+    <el-row>
+      <el-col span="12">
+        <satisfied-statics/>
+      </el-col>
+      <el-col span="12">
+        <wait-statics/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <call-line/>
+      </el-col>
+    </el-row>
+  </app-container>
+</template>
+
+<script>
+import CallStatics from './components/callStatics'
+import AppContainer from '../../../components/layout/AppContainer'
+import SatisfiedStatics from './components/satisfiedStatics'
+import WaitStatics from './components/waitStatics'
+import CallLine from './components/callLine'
+export default {
+  name: 'RealtimeMonitor',
+  components: { CallLine, WaitStatics, SatisfiedStatics, AppContainer, CallStatics }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.monitor-title{
+  line-height: 2;
+  font-size: 18px;
+  font-weight: 700;
+  padding: 5px;
+  text-align: center;
+  background-color: #9accf3;
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/components/allShow.vue b/src/views/monitor/seatMonitor/components/allShow.vue
new file mode 100644
index 0000000..11fcb74
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/allShow.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="show-div">
+    <div v-for="item in list" :key="item.value" class="item-div">
+      <svg-icon v-if="item.icon" :class="'seat-'+item.icon" icon-class="icon-seat" class="icon-seat"/>
+      <div class="item-txt">{{ item.label }} : {{ data[item.value] }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AllShow',
+  data() {
+    return {
+      list: [
+        { label: '座席总数', value: 'all', icon: '' },
+        { label: '签出总数', value: 'signout', icon: 'offline' },
+        { label: '签入总数', value: 'signin', icon: 'online' },
+        { label: '示闲总数', value: 'showidle', icon: 'showidle' },
+        { label: '示忙总数', value: 'showbusy', icon: 'showbusy' },
+        { label: '忙碌总数', value: 'busy', icon: 'busy' },
+        { label: '等待总数', value: 'wait', icon: 'wait' }
+      ],
+      data: {
+        all: 8,
+        signout: 0,
+        signin: 1,
+        showidle: 2,
+        showbusy: 5,
+        busy: 1,
+        wait: 0
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .show-div{
+    width: 100%;
+    background-color: #66b1ff;
+    padding: 5px 20px;
+    display: flex;
+    justify-content: space-between;
+    .item-div{
+      font-size:16px;
+      line-height: 2;
+      display: inline-block;
+      .icon-seat{
+        width: 30px;
+        text-align: center;
+      }
+      .item-txt{
+        display: inline-block;
+        color:#ffffff;
+      }
+    }
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-showidle{
+    color: #58da50;
+  }
+  .seat-wait{
+    color:#fab6b6;
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrArea.vue b/src/views/monitor/seatMonitor/components/ivrArea.vue
new file mode 100644
index 0000000..ebe91a7
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrArea.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <el-row>
+        <ivr-btn name="监听通话" type="warning"/>
+        <ivr-btn name="取消监听" type="info"/>
+        <ivr-btn name="拦截通话"/>
+        <ivr-btn name="强插通话" type="warning"/>
+        <ivr-btn name="取消强插" type="info"/>
+        <ivr-btn name="强拆通话"/>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import IvrBtn from './ivrBtn'
+export default {
+  name: 'IvrArea',
+  components: { IvrBtn }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .realtime-check-div{
+    padding: 10px 0px;
+    height: 100%;
+    .title{
+      padding-left: 15px;
+      line-height: 2;
+      width: 100%;
+      background-color: #3a8ee6;
+      color:#ffffff;
+    }
+    .body{
+      height: 100%;
+      border-right:1px solid #f0f0f0;
+      padding-top: 10px;
+      .line{
+        line-height: 2
+      }
+      .btns{
+        margin-top: 20px;
+        text-align: center;
+      }
+    }
+  }
+</style>
diff --git a/src/views/monitor/seatMonitor/components/ivrBtn.vue b/src/views/monitor/seatMonitor/components/ivrBtn.vue
new file mode 100644
index 0000000..6187257
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/ivrBtn.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-col :span="8">
+    <div class="ivr-btn-div">
+      <el-button :type="type" :size="size" class="ivr-btn">{{ name }}</el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+export default {
+  name: 'IvrBtn',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    size: {
+      type: String,
+      default: 'small'
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .ivr-btn-div{
+    width: 100%;
+    padding: 5px;
+  }
+.ivr-btn{
+  width: 100%;
+  /*margin: 5px;*/
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/realtimeCheck.vue b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
new file mode 100644
index 0000000..86ca9c6
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/realtimeCheck.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="realtime-check-div">
+    <div class="title">实时质检</div>
+    <div class="body">
+      <div class="line" >座席姓名 ：{{ seatForm.agentUserName }}</div>
+      <div class="line" >座席工号 ：{{ seatForm.agentName }}</div>
+      <div class="line" >座席电话 ：{{ seatForm.phone }}</div>
+      <div class="line" >座席状态 ：{{ seatForm.signin }}</div>
+      <div class="line" >登录分机 ：{{ seatForm.exten }}</div>
+      <div class="line" >主叫号码 ：{{ seatForm.callerNumber }}</div>
+      <div class="line" >被叫号码 ：{{ seatForm.calleeNumber }}</div>
+      <div class="btns">
+        <el-button type="primary" size="small">实时质检</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RealtimeCheck',
+  data() {
+    return {
+      seatForm: {
+        agentUserName: '--',
+        agentName: '--',
+        phone: '--',
+        signin: '--',
+        exten: '--',
+        callerNumber: '--',
+        calleeNumber: '--'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.realtime-check-div{
+  padding: 10px 0px;
+  height: 100%;
+  .title{
+    padding-left: 15px;
+    line-height: 2;
+    width: 100%;
+    background-color: #3a8ee6;
+    color:#ffffff;
+  }
+  .body{
+    height: 100%;
+    border-left:1px solid #f0f0f0;
+    padding-left: 20px;
+    padding-top: 10px;
+    .line{
+      line-height: 2
+    }
+    .btns{
+      margin-top: 20px;
+      text-align: center;
+    }
+  }
+}
+</style>
diff --git a/src/views/monitor/seatMonitor/components/seat.vue b/src/views/monitor/seatMonitor/components/seat.vue
new file mode 100644
index 0000000..a4b1a9c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/components/seat.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="seat-div">
+    <div class="seat-svg">
+      <svg-icon :class="'seat-'+seatStatus" icon-class="icon-seat" class="icon-seat"/>
+    </div>
+    <div class="seat-text">
+      {{ agentName }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Seat',
+  props: {
+    seatStatus: {
+      type: String,
+      default: 'busy'
+    },
+    agentName: {
+      type: String,
+      default: '6042'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+$iconsize:80px;
+.seat-div{
+  width:100%;
+  margin-bottom: 20px;
+  display: inline-block;
+  .seat-svg{
+    text-align: center;
+  }
+  .icon-seat{
+    width: $iconsize;
+    height:$iconsize;
+    font-size:$iconsize;
+  }
+  .seat-offline{
+    color:grey;
+  }
+  .seat-online{
+    color:#409EFF;
+  }
+  .seat-busy{
+    color:#ff0000;
+  }
+  .seat-showbusy{
+    color:#ffff00;
+  }
+  .seat-text{
+    margin-top: 10px;
+    text-align: center;
+  }
+}
+
+</style>
diff --git a/src/views/monitor/seatMonitor/seatMonitor.vue b/src/views/monitor/seatMonitor/seatMonitor.vue
new file mode 100644
index 0000000..38e014c
--- /dev/null
+++ b/src/views/monitor/seatMonitor/seatMonitor.vue
@@ -0,0 +1,41 @@
+<template>
+  <app-container>
+    <all-show/>
+    <el-row>
+      <el-col :span="6">
+        <ivr-area/>
+      </el-col>
+      <el-col :span="12">
+        <el-row>
+          <div class="realtime-seats">
+            <el-col v-for="i in 8" :span="6">
+              <seat/>
+            </el-col>
+          </div>
+        </el-row>
+      </el-col>
+      <el-col :span="6">
+        <realtime-check/>
+      </el-col>
+    </el-row>
+
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '../../../components/layout/AppContainer'
+import Seat from './components/seat'
+import AllShow from './components/allShow'
+import RealtimeCheck from './components/realtimeCheck'
+import IvrArea from './components/ivrArea'
+export default {
+  name: 'SeatMonitor',
+  components: { IvrArea, RealtimeCheck, AllShow, Seat, AppContainer }
+}
+</script>
+
+<style scoped>
+.realtime-seats{
+  padding:30px 20px;
+}
+</style>
diff --git a/src/views/phoneManage/bindSeats.vue b/src/views/phoneManage/bindSeats.vue
new file mode 100644
index 0000000..bffcb93
--- /dev/null
+++ b/src/views/phoneManage/bindSeats.vue
@@ -0,0 +1,112 @@
+<template>
+  <el-dialog :visible.sync="dialogFormVisible" :title="titleText" width="330px" append-to-body>
+    <el-scrollbar>
+      <el-tree
+        v-loading="loading"
+        ref="tree"
+        :props="defaultProps"
+        :data="dataList"
+        :default-expanded-keys="defaultExpanded"
+        :default-checked-keys="defaultChecked"
+        :default-expand-all="defaultExpandAll"
+        show-checkbox
+        check-strictly
+        node-key="id"
+        @check-change="handleCheckChange"/>
+    </el-scrollbar>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+// import { toTreeList, getShowItem } from '@/utils/structure'
+import { getUserSimpleList } from '@/api/system/user'
+import { bindSeats } from '@/api/phone'
+
+export default {
+  name: 'BindSeats',
+  data() {
+    return {
+      extensionPhoneId: '', // 分机id
+      extensionPhoneName: '', // 分机名称
+      ids: [], // 选中项id
+      dialogFormVisible: false, // 对话框是否显示
+      defaultProps: {
+        label: 'name',
+        children: 'children'
+      },
+      dataList: null, // 列表数据
+      defaultExpanded: [], // 默认展开的项
+      defaultChecked: [], // 默认选中的树
+      loading: false, // 加载动态效果
+      defaultExpandAll: true // 是否展开树
+    }
+  },
+  computed: {
+    titleText: function() {
+      return '绑定座席'
+    }
+  },
+  created: function() {
+    // this.fetchUserList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible, row) {
+      this.loading = true
+      this.extensionPhoneId = row.id
+      this.extensionPhoneName = row.phonenumber
+      const checked = row.seatsIds.split(',')
+      this.defaultChecked = checked
+      this.dialogFormVisible = dialogFormVisible
+      this.fetchUserList()
+    },
+    // 获取座席员列表
+    fetchUserList() {
+      const params = {
+        roleTips: 'receiver,monitor'
+      }
+      getUserSimpleList(params).then(response => {
+        if (response.code === 200) {
+          this.dataList = response.data
+          this.loading = false
+        }
+      })
+    },
+    saveData: function() {
+      this.ids = this.$refs.tree.getCheckedKeys()
+      bindSeats(this.extensionPhoneId, this.ids).then(response => {
+        if (response.code === 200) {
+          this.$message.success('角色分配成功')
+          this.dialogFormVisible = false
+          this.$emit('watchChild')
+        }
+      })
+    },
+    handleCheckChange() {
+      console.log('handleCheckChange')
+    },
+    // 点击取消
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    min-width:350px !important;
+  }
+  .el-tree{
+    max-height:300px;
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/editPhone.vue b/src/views/phoneManage/editPhone.vue
new file mode 100644
index 0000000..d90a736
--- /dev/null
+++ b/src/views/phoneManage/editPhone.vue
@@ -0,0 +1,146 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="phoneForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="分机号码" prop="phonenumber">
+            <el-input v-model.trim="phoneForm.phonenumber" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="备注" prop="message">
+            <el-input v-model.trim="phoneForm.message" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addPhone, updatePhono } from '@/api/phone'
+
+export default {
+  name: 'EditPhone',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      phoneForm: {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        phonenumber: [{ required: true, message: '电话号码不能为空', trigger: ['blur', 'change'] }]
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.phoneForm = {
+          id: row.id,
+          phonenumber: row.phonenumber,
+          message: row.message
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.phoneForm = {
+        id: '',
+        phonenumber: '',
+        message: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.phoneForm)
+        if (valid) {
+          this.btnLoading = true
+          addPhone(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updatePhono(this.phoneForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/phoneManage/phoneManage.vue b/src/views/phoneManage/phoneManage.vue
new file mode 100644
index 0000000..b40222a
--- /dev/null
+++ b/src/views/phoneManage/phoneManage.vue
@@ -0,0 +1,179 @@
+<template>
+  <app-container>
+    <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.keywords" :size="size" placeholder="关键字" clearable/>
+      </search-item>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="add">新增</el-button>
+      <el-button slot="btns" class="filter-item" style="" size="small" type="primary" icon="el-icon-delete" @click="del">删除</el-button>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :size="size"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption">
+      <template slot="columns">
+        <el-table-column label="操作" align="center">
+          <template slot-scope="scope">
+            <!--<el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>-->
+            <!--<el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>-->
+            <el-button type="text" size="small" @click.stop="bind(scope.row)">绑定座席</el-button>
+            <el-button type="text" size="small" @click.stop="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-phone ref="editdialog" @refresh="fetchData"/>
+    <bind-seats ref="bindseat" @refresh="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import NormalTable from '@/components/NomalTable'
+import { phoneList, delPhone } from '@/api/phone'
+import EditPhone from './editPhone'
+import BindSeats from './bindSeats'
+
+export default {
+  name: 'PhoneManage',
+  components: { BindSeats, SearchArea, SearchItem, EditPhone, AppContainer, NormalTable },
+  data() {
+    return {
+      modularId: '',
+      status: '1',
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        keywords: '',
+        offset: 1,
+        limit: 100,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '分机号',
+          value: 'phoneNumber',
+          align: 'center'
+        },
+        {
+          text: '已绑定座席',
+          value: 'seats',
+          align: 'center'
+        },
+        {
+          text: '备注',
+          value: 'messsage',
+          align: 'center'
+        }
+      ], // 显示列
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: false // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      phoneList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          // response.data.rows = [
+          //   { 'id': '1', 'phoneNumber': '6042', 'seats': '张三', 'seatsIds': '1', 'message': '测试分机' }
+          // ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加分机
+    add(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑分机
+    edit(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 绑定座席
+    bind(row) {
+      this.$refs.bindseat.initDialog(true, row)
+    },
+    // 删除分机
+    del(row) {
+      this.$confirm(
+        '确定要删除该分机吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delPhone(row.secondIndex).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    watchChild() {
+      console.log('watchChild')
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .btn-div{
+    margin-bottom: 10px;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/components/modulerTree.vue b/src/views/qualityManage/qualityModular/components/modulerTree.vue
new file mode 100644
index 0000000..8f62c94
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/components/modulerTree.vue
@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>质检模块管理</span>
+          <el-button style="float: right; padding: 3px 0" icon="el-icon-plus" type="text" @click="add"/>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          node-key="id"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+    <edit-modular ref="editdialog" @refresh="refreshTree"/>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import EditModular from '../editModular'
+export default {
+  name: 'ModulerTree',
+  components: { EditModular },
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'modularName'
+      }, // 配置项
+      defaultChecked: ['1'],
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: true // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    fetchTypeTree() {
+      this.treeLoading = true
+      getTypeList().then(response => {
+        response.data = [
+          { modularName: '标准模块', id: '2', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '入门标准模块', id: '3', pid: '1', deptName: '顶级', num: '1' },
+          { modularName: '完整标准模块', id: '4', pid: '1', deptName: '顶级', num: '1' }
+        ]
+        this.tree = [{
+          id: '1',
+          modularName: '质检模块管理',
+          disabled: true,
+          children: response.data
+        }]
+        // this.$refs.tree.setCheckedKeys(['2'])
+        // this.$refs.tree.setChecked(response.data[0])
+        // this.$refs.tree.setCurrentKey('2')
+        this.handleNodeClick(response.data[0])
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      if (data.id !== '1') {
+        this.$emit('change', data)
+      }
+    },
+    // 添加模块
+    add() {
+      this.$refs.editdialog.initDialog('create', true)
+    },
+    // 刷新
+    refreshTree() {
+      this.fetchTypeTree()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/qualityManage/qualityModular/editIndex.vue b/src/views/qualityManage/qualityModular/editIndex.vue
new file mode 100644
index 0000000..1483461
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/editIndex.vue
@@ -0,0 +1,195 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="indexForm" size="small" label-position="right" label-width="140px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="指标名称" prop="indexName">
+            <el-input v-model.trim="indexForm.indexName" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="指标级别" prop="level">
+            <el-select v-model="indexForm.level" placeholder="请选择">
+              <el-option
+                v-for="item in levelList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-if="indexForm.level=='2'" :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="指标类型" prop="indexType">
+            <el-select v-model="indexForm.indexType" placeholder="请选择">
+              <el-option
+                v-for="item in indexTypeList"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col v-if="indexForm.indexType=='1'" :span="12">
+          <el-form-item label="分值" prop="score">
+            <el-input v-model.trim="indexForm.score" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="质检考核标准解析" prop="indexDetail">
+            <el-input v-model.trim="indexForm.indexDetail" :disabled="disabled" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addCustomer, updateCustomer } from '@/api/customer'
+
+export default {
+  indexName: 'EditIndex',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      indexForm: {
+        id: '', // 编号
+        modularId: '', // 模块id
+        indexName: '', // 指标名称
+        level: '', // 指标等级
+        firstIndexId: '', // 上级id
+        indexDetail: '', // 考核标准
+        score: '', // 分数
+        indexType: '' // 指标类型
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        indexName: [{ required: true, message: '姓名不能为空', trigger: ['blur', 'change'] }],
+        level: [{ required: true, message: '等级不能为空', trigger: ['blur', 'change'] }],
+        indexType: [{ required: true, message: '指标类型不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '分值不能为空', trigger: ['blur', 'change'] }],
+        indexDetail: [{ required: true, message: '内容不能为空', trigger: ['blur', 'change'] }]
+      },
+      levelList: [{ name: '一级指标', value: '1' }, { name: '二级指标', value: '2' }],
+      indexTypeList: [{ name: '分值型', value: '1' }, { name: '是非型', value: '2' }],
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.indexForm = {
+          id: row.id, // 编号
+          modularId: row.modularId, // 模块id
+          indexName: row.secondIndexName, // 指标名称
+          level: '2', // 指标等级
+          firstIndexId: row.firstIndex, // 上级id
+          indexDetail: row.indexDetail, // 考核标准
+          score: row.score, // 分数
+          indexType: row.indexType // 指标类型
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.indexForm = {
+        id: '', // 编号
+        modularId: '', // 模块id
+        indexName: '', // 指标名称
+        level: '', // 指标等级
+        firstIndexId: '', // 上级id
+        indexDetail: '', // 考核标准
+        score: '', // 分数
+        indexType: '' // 指标类型
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.indexForm)
+        if (valid) {
+          this.btnLoading = true
+          addCustomer(this.indexForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateCustomer(this.indexForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/editModular.vue b/src/views/qualityManage/qualityModular/editModular.vue
new file mode 100644
index 0000000..8b9e39f
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/editModular.vue
@@ -0,0 +1,158 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="modularForm" size="small" label-position="right" label-width="90px">
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16" c>
+          <el-form-item label="模块名称" prop="modularName">
+            <el-input v-model.trim="modularForm.modularName" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="描述" prop="description">
+            <el-input v-model.trim="modularForm.description" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20" type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="总分" prop="score">
+            <el-input v-model.trim="modularForm.score" :disabled="disabled" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addCustomer, updateCustomer } from '@/api/customer'
+
+export default {
+  name: 'EditModular',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      modularForm: {
+        id: '',
+        modularName: '',
+        description: '',
+        score: ''
+      }, // 表单
+      textMap: {
+        update: '编辑',
+        create: '新增',
+        info: '详情'
+      }, // 表头显示标题
+      rules: {
+        modularName: [{ required: true, message: '模块名称不能为空', trigger: ['blur', 'change'] }],
+        description: [{ required: true, message: '描述不能为空', trigger: ['blur', 'change'] }],
+        score: [{ required: true, message: '总分不能为空', trigger: ['blur', 'change'] }],
+      }, // 前端校验规则
+      roleName: '',
+      disabled: false,
+      deptShow: true,
+      btnLoading: false // 保存按钮的加载中状态
+    }
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.disabled = false
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update' || dialogStatus === 'info') { // 如果是修改，将row中数据填写到输入框中
+        this.modularForm = {
+          id:row.id,
+          modularName: row.modularName,
+          description: row.description,
+          score: row.score
+        }
+        if (dialogStatus === 'info') {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.modularForm = {
+        id: '',
+        modularName: '',
+        description: '',
+        score: ''
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        console.log(this.modularForm)
+        if (valid) {
+          this.btnLoading = true
+          addCustomer(this.modularForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateCustomer(this.modularForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('refresh')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModular/qualityIndexManage.vue b/src/views/qualityManage/qualityModular/qualityIndexManage.vue
new file mode 100644
index 0000000..076417d
--- /dev/null
+++ b/src/views/qualityManage/qualityModular/qualityIndexManage.vue
@@ -0,0 +1,243 @@
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="5">
+        <moduler-tree @change="changeType"/>
+      </el-col>
+      <el-col :span="19">
+        <div class="btn-div">
+          <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-plus" @click="addIndex">新增指标</el-button>
+          <el-button v-if="status=='0'" class="filter-item" style="" size="small" type="primary" icon="el-icon-magic-stick" @click="active">生效</el-button>
+          <el-button v-if="status=='1'" class="filter-item" style="" size="small" type="primary" icon="el-icon-magic-stick" @click="inactive">失效</el-button>
+          <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-delete" @click="delModular">删除模块</el-button>
+        </div>
+        <normal-table
+          :data="list"
+          :head="tableOption.head"
+          :size="size"
+          :query="listQuery"
+          :total="total"
+          :columns="columns"
+          :list-loading="listLoading"
+          :options="tableOption.options"
+          :tools-option="tableOption.toolsOption">
+          <template slot="columns">
+            <el-table-column label="操作" align="center">
+              <template slot-scope="scope">
+                <!--<el-button type="text" size="small" @click.stop="detail(scope.row)">详情</el-button>-->
+                <el-button type="text" size="small" @click.stop="editIndex(scope.row)">编辑</el-button>
+                <el-button type="text" size="small" @click.stop="delIndex(scope.row)">删除</el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </el-col>
+    </el-row>
+    <edit-index ref="editdialog" @watchChild="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+// import SearchArea from '@/components/SearchArea/SearchArea'
+// import SearchItem from '@/components/SearchArea/SearchItem'
+import NormalTable from '@/components/NomalTable'
+import { getQIndexList, delQIndex, delModular, activeQModular } from '@/api/qualityCheck'
+// import TypeTree from './components/TypeTree'
+// import EditKnowledge from './editKnowledge'
+// import KnowledgeDetail from '../caseManage/components/knowledgeDetail'
+import ModulerTree from './components/modulerTree'
+import EditIndex from './editIndex'
+
+export default {
+  name: 'QualityIndexManage',
+  components: { EditIndex, AppContainer, NormalTable, ModulerTree },
+  data() {
+    return {
+      modularId: '',
+      status: '1',
+      list: [],
+      total: 0,
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        modularId: '',
+        offset: 1,
+        limit: 100,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '一级指标',
+          value: 'firstIndexName',
+          align: 'center'
+        },
+        {
+          text: '二级指标',
+          value: 'secondIndexName',
+          align: 'center'
+        },
+        {
+          text: '指标考核标准解析',
+          value: 'indexDetail',
+          align: 'center'
+        },
+        {
+          text: '分值',
+          value: 'score',
+          align: 'center'
+        },
+        {
+          text: '评分项类型',
+          value: 'indexTypeName',
+          align: 'center'
+        }
+      ], // 显示列
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: false // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      this.listLoading = true
+      getQIndexList(this.listQuery).then(response => {
+        if (response.code === 200) {
+          response.data.rows = [
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容准确无误', 'indexDetail': '信息内容准确无误', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '信息内容全面', 'indexDetail': '信息内容全面', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '是否与客户核实', 'indexDetail': '是否与客户核实', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '信息内容准确', 'secondIndexName': '有无夸张', 'indexDetail': '有无夸张', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '吐字清晰', 'indexDetail': '吐字清晰', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语调适当起伏', 'indexDetail': '语调适当起伏', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '声音修饰', 'indexDetail': '声音修饰', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '是否拖音', 'indexDetail': '是否拖音', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' },
+            { 'id': '1', 'firstIndexName': '语音语速语调', 'secondIndexName': '语速适中', 'indexDetail': '语速适中', 'indexType': '1', 'indexTypeName': '分值型', 'score': '4' }
+          ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.editdialog.initDialog('info', true, row)
+    },
+    // 添加指标
+    addIndex(row) {
+      this.$refs.editdialog.initDialog('create', true, row)
+    },
+    // 编辑指标
+    editIndex(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 删除指标
+    delIndex(row) {
+      this.$confirm(
+        '确定要删除该指标吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delQIndex(row.secondIndex).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 删除模块
+    delModular() {
+      this.$confirm(
+        '确定要删除该模块吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delModular(this.modularId).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 生效模块
+    active() {
+      this.activeModular('1')
+    },
+    // 失效模块
+    inactive() {
+      this.activeModular('0')
+    },
+    activeModular(status) {
+      activeQModular(this.modularId, status).then(response => {
+        if (response.code === 200) {
+          this.$message.success('操作成功')
+          if (status == '1') {
+            this.status = '0'
+          } else {
+            this.status = '1'
+          }
+        }
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 更换模块
+    changeType(modular) {
+      this.modularId = modular.id
+      this.search()
+    },
+    watchChild() {
+      console.log('watchChild')
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .btn-div{
+    margin-bottom: 10px;
+  }
+</style>
diff --git a/src/views/qualityManage/qualityModuler/templateManage.vue b/src/views/qualityManage/qualityModuler/templateManage.vue
deleted file mode 100644
index a2f41af..0000000
--- a/src/views/qualityManage/qualityModuler/templateManage.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-
-</template>
-
-<script>
-  export default {
-    name: 'templateManage'
-  }
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/soundsManage/soundsManage.vue b/src/views/soundsManage/soundsManage.vue
new file mode 100644
index 0000000..01d30b2
--- /dev/null
+++ b/src/views/soundsManage/soundsManage.vue
@@ -0,0 +1,200 @@
+<template>
+  <app-container>
+    <search-area :need-clear="true" :need-search-more="true" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.name" placeholder="姓名" clearable/>
+      </search-item>
+      <search-item/>
+      <search-item>
+        <el-select v-model="listQuery.sex" placeholder="性别" clearable>
+          <el-option label="男" value="男"/>
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="timeRange"
+          type="datetimerange"
+          range-separator="至"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          start-placeholder="创建开始时间"
+          end-placeholder="创建结束时间"/>
+      </search-item>
+      <!--高级检索-->
+      <div slot="searchMore">
+        <search-item>
+          <el-input v-model.trim="listQuery.name" placeholder="姓名" clearable/>
+        </search-item>
+        <search-item/>
+        <search-item>
+          <el-select v-model="listQuery.sex" placeholder="性别" clearable>
+            <el-option label="男" value="男"/>
+          </el-select>
+        </search-item>
+        <search-item>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            range-separator="至"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            start-placeholder="创建开始时间"
+            end-placeholder="创建结束时间"/>
+        </search-item>
+      </div>
+    </search-area>
+    <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
+      <template slot="btns">
+        <el-button size="small" class="edit_btn">添加</el-button>
+        <el-button size="small" class="edit_btn">修改</el-button>
+        <el-button size="small" class="edit_btn">删除</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column label="操作" align="center" width="160">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click.stop="goDetail(scope.row)">详情</el-button>
+            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
+            <el-button type="text" size="small" @click.stop="registerIris(scope.row)">采集</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+  </app-container>
+</template>
+
+<script>
+import NormalTable from '@/components/NomalTable'
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+export default {
+  name: 'TableExample',
+  components: { SearchItem, SearchArea, AppContainer, NormalTable },
+  data() {
+    return {
+      listQuery: {
+        name: '', // 姓名
+        sex: '', // 性别
+        nation: '', // 民族
+        collReason: '', // 采集原因
+        cardType: '', // 证件类型
+        idCardNo: '', // 证件号码
+        personTag: '', // 人员标签
+        startTime: '', // 创建开始时间
+        endTime: '', // 创建结束时间
+        offset: 1,
+        limit: 20,
+        sort: 'createTime',
+        order: 'desc'
+      }, // 筛选条件
+      columns: [
+        {
+          text: '姓名',
+          value: 'name',
+          align: 'center'
+        },
+        {
+          text: '性别',
+          value: 'sexName',
+          align: 'center',
+          width: 60
+        },
+        {
+          text: '民族',
+          value: 'nationName',
+          width: 50,
+          align: 'center'
+        },
+        {
+          text: '采集原因',
+          value: 'collReasonName',
+          align: 'center'
+        },
+        {
+          text: '证件类型',
+          value: 'cardTypeName',
+          align: 'center',
+          width: 80
+        },
+        {
+          text: '证件号码',
+          value: 'idCardNo',
+          align: 'center'
+        },
+        {
+          text: '户籍地址',
+          value: 'residenceAddr',
+          align: 'center'
+        },
+        {
+          text: '创建时间',
+          value: 'createTime',
+          width: 120,
+          align: 'center'
+        }
+      ], // 显示列
+      timeRange: [], // 时间范围
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: false // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      } // 表格属性
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.listLoading = true
+      const that = this
+      setTimeout(function() {
+        that.list = [
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
+          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' }
+        ]
+        that.total = 200
+        that.listLoading = false
+      }, 2000)
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 重置后的操作， 若不需要显示重置按钮则不需要写
+    clearInput() {
+      this.$message.success('clearInput')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+
+</style>
diff --git a/src/views/soundsManage/waitForCreate.vue b/src/views/soundsManage/waitForCreate.vue
index a313e57..01d30b2 100644
--- a/src/views/soundsManage/waitForCreate.vue
+++ b/src/views/soundsManage/waitForCreate.vue
@@ -194,6 +194,7 @@
 }
 </script>
 
-<style scoped>
+<style rel="stylesheet/scss" lang="scss" scoped>
+
 
 </style>
diff --git a/src/views/superviseManage/waitForSupervise.vue b/src/views/superviseManage/waitForSupervise.vue
index a453e2a..25a031f 100644
--- a/src/views/superviseManage/waitForSupervise.vue
+++ b/src/views/superviseManage/waitForSupervise.vue
@@ -193,6 +193,7 @@
         if (value) {
           const params = {
             caseId: row.caseId,
+            urgeId: row.id,
             superviseContent: value.trim()
           }
           addMonitor(params).then(response => {