diff --git a/src/api/allDict.js b/src/api/allDict.js
index e73eeb4..25452a2 100644
--- a/src/api/allDict.js
+++ b/src/api/allDict.js
@@ -65,7 +65,7 @@
     params
   })
 }
-// 上报请示处理方式
+// 审核状态
 export function getcheckStatus(params) {
   return request({
     url: '/dict/code/checkStatus',
@@ -73,3 +73,20 @@
     params
   })
 }
+
+// 上架状态
+export function getGroundStatus(params) {
+  return request({
+    url: '/dict/code/groundingState',
+    method: 'get',
+    params
+  })
+}
+// 可用状态
+export function getValidStatus(params) {
+  return request({
+    url: '/dict/code/validState',
+    method: 'get',
+    params
+  })
+}

diff --git a/src/api/allDict.js b/src/api/allDict.js
index e73eeb4..25452a2 100644
--- a/src/api/allDict.js
+++ b/src/api/allDict.js
@@ -65,7 +65,7 @@
     params
   })
 }
-// 上报请示处理方式
+// 审核状态
 export function getcheckStatus(params) {
   return request({
     url: '/dict/code/checkStatus',
@@ -73,3 +73,20 @@
     params
   })
 }
+
+// 上架状态
+export function getGroundStatus(params) {
+  return request({
+    url: '/dict/code/groundingState',
+    method: 'get',
+    params
+  })
+}
+// 可用状态
+export function getValidStatus(params) {
+  return request({
+    url: '/dict/code/validState',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index f290cee..d190bfc 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -1,4 +1,6 @@
 import request from '@/utils/request'
+import qs from 'qs'
+
 /**
  * 知识库
  * */
@@ -13,7 +15,7 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/knowledge/listPage',
+    url: '/role/list',
     method: 'get',
     params
   })
@@ -26,3 +28,81 @@
     params
   })
 }
+
+// 添加知识
+export function addKnowledge(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改知识
+export function updateKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 审核知识
+export function checkKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 上架知识
+export function groundingKnowledge(type, ids, validPeriod) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params: {
+      groundingStatus: type,
+      ids: ids,
+      validPeriod: validPeriod
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 知识库类别管理接口
+// 获取知识库类别列表
+export function getTypeList(params) {
+  return request({
+    url: 'role/list',
+    method: 'get',
+    params
+  })
+}
+
+// 添加类别
+export function addType(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改类别
+export function updateType(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 删除类别
+export function delType(id) {
+  return request({
+    url: 'role/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+

diff --git a/src/api/allDict.js b/src/api/allDict.js
index e73eeb4..25452a2 100644
--- a/src/api/allDict.js
+++ b/src/api/allDict.js
@@ -65,7 +65,7 @@
     params
   })
 }
-// 上报请示处理方式
+// 审核状态
 export function getcheckStatus(params) {
   return request({
     url: '/dict/code/checkStatus',
@@ -73,3 +73,20 @@
     params
   })
 }
+
+// 上架状态
+export function getGroundStatus(params) {
+  return request({
+    url: '/dict/code/groundingState',
+    method: 'get',
+    params
+  })
+}
+// 可用状态
+export function getValidStatus(params) {
+  return request({
+    url: '/dict/code/validState',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index f290cee..d190bfc 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -1,4 +1,6 @@
 import request from '@/utils/request'
+import qs from 'qs'
+
 /**
  * 知识库
  * */
@@ -13,7 +15,7 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/knowledge/listPage',
+    url: '/role/list',
     method: 'get',
     params
   })
@@ -26,3 +28,81 @@
     params
   })
 }
+
+// 添加知识
+export function addKnowledge(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改知识
+export function updateKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 审核知识
+export function checkKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 上架知识
+export function groundingKnowledge(type, ids, validPeriod) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params: {
+      groundingStatus: type,
+      ids: ids,
+      validPeriod: validPeriod
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 知识库类别管理接口
+// 获取知识库类别列表
+export function getTypeList(params) {
+  return request({
+    url: 'role/list',
+    method: 'get',
+    params
+  })
+}
+
+// 添加类别
+export function addType(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改类别
+export function updateType(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 删除类别
+export function delType(id) {
+  return request({
+    url: 'role/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/router/index.js b/src/router/index.js
index bf14ac6..ecc1a4f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,6 +10,7 @@
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
 import { caseRouters } from './modules/case'
+import { knowledgeRouters } from './modules/knowledge'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -71,6 +72,7 @@
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
   ...caseRouters,
+  ...knowledgeRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]

diff --git a/src/api/allDict.js b/src/api/allDict.js
index e73eeb4..25452a2 100644
--- a/src/api/allDict.js
+++ b/src/api/allDict.js
@@ -65,7 +65,7 @@
     params
   })
 }
-// 上报请示处理方式
+// 审核状态
 export function getcheckStatus(params) {
   return request({
     url: '/dict/code/checkStatus',
@@ -73,3 +73,20 @@
     params
   })
 }
+
+// 上架状态
+export function getGroundStatus(params) {
+  return request({
+    url: '/dict/code/groundingState',
+    method: 'get',
+    params
+  })
+}
+// 可用状态
+export function getValidStatus(params) {
+  return request({
+    url: '/dict/code/validState',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index f290cee..d190bfc 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -1,4 +1,6 @@
 import request from '@/utils/request'
+import qs from 'qs'
+
 /**
  * 知识库
  * */
@@ -13,7 +15,7 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/knowledge/listPage',
+    url: '/role/list',
     method: 'get',
     params
   })
@@ -26,3 +28,81 @@
     params
   })
 }
+
+// 添加知识
+export function addKnowledge(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改知识
+export function updateKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 审核知识
+export function checkKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 上架知识
+export function groundingKnowledge(type, ids, validPeriod) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params: {
+      groundingStatus: type,
+      ids: ids,
+      validPeriod: validPeriod
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 知识库类别管理接口
+// 获取知识库类别列表
+export function getTypeList(params) {
+  return request({
+    url: 'role/list',
+    method: 'get',
+    params
+  })
+}
+
+// 添加类别
+export function addType(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改类别
+export function updateType(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 删除类别
+export function delType(id) {
+  return request({
+    url: 'role/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/router/index.js b/src/router/index.js
index bf14ac6..ecc1a4f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,6 +10,7 @@
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
 import { caseRouters } from './modules/case'
+import { knowledgeRouters } from './modules/knowledge'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -71,6 +72,7 @@
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
   ...caseRouters,
+  ...knowledgeRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/knowledge.js b/src/router/modules/knowledge.js
new file mode 100644
index 0000000..7491a81
--- /dev/null
+++ b/src/router/modules/knowledge.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const knowledgeRouters = [{
+  path: 'knowledge',
+  component: Layout,
+  redirect: '/knowledgeManage',
+  name: 'Knowledge',
+  alwaysShow: true,
+  meta: {
+    title: '知识库管理',
+    icon: 'icon-config', // 图标
+    permission: '/knowledgeManage'
+  },
+  children: [
+    {
+      path: '/knowledgeType',
+      name: 'KnowledgeType',
+      component: () => import('@/views/knowledgeManage/kTypeManage'),
+      meta: { title: '类别管理', icon: '', permission: '/knowledge/type' }
+    },
+    {
+      path: '/knowledgeManage',
+      name: 'KnowledgeManage',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '知识管理', icon: '', permission: '/knowledge/listPage' }
+    },
+    {
+      path: '/knowledgeCheck',
+      name: 'KnowledgeCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '知识审核', icon: '', permission: '/knowledge/check' }
+    }
+  ]
+}]

diff --git a/src/api/allDict.js b/src/api/allDict.js
index e73eeb4..25452a2 100644
--- a/src/api/allDict.js
+++ b/src/api/allDict.js
@@ -65,7 +65,7 @@
     params
   })
 }
-// 上报请示处理方式
+// 审核状态
 export function getcheckStatus(params) {
   return request({
     url: '/dict/code/checkStatus',
@@ -73,3 +73,20 @@
     params
   })
 }
+
+// 上架状态
+export function getGroundStatus(params) {
+  return request({
+    url: '/dict/code/groundingState',
+    method: 'get',
+    params
+  })
+}
+// 可用状态
+export function getValidStatus(params) {
+  return request({
+    url: '/dict/code/validState',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index f290cee..d190bfc 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -1,4 +1,6 @@
 import request from '@/utils/request'
+import qs from 'qs'
+
 /**
  * 知识库
  * */
@@ -13,7 +15,7 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/knowledge/listPage',
+    url: '/role/list',
     method: 'get',
     params
   })
@@ -26,3 +28,81 @@
     params
   })
 }
+
+// 添加知识
+export function addKnowledge(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改知识
+export function updateKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 审核知识
+export function checkKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 上架知识
+export function groundingKnowledge(type, ids, validPeriod) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params: {
+      groundingStatus: type,
+      ids: ids,
+      validPeriod: validPeriod
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 知识库类别管理接口
+// 获取知识库类别列表
+export function getTypeList(params) {
+  return request({
+    url: 'role/list',
+    method: 'get',
+    params
+  })
+}
+
+// 添加类别
+export function addType(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改类别
+export function updateType(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 删除类别
+export function delType(id) {
+  return request({
+    url: 'role/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/router/index.js b/src/router/index.js
index bf14ac6..ecc1a4f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,6 +10,7 @@
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
 import { caseRouters } from './modules/case'
+import { knowledgeRouters } from './modules/knowledge'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -71,6 +72,7 @@
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
   ...caseRouters,
+  ...knowledgeRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/knowledge.js b/src/router/modules/knowledge.js
new file mode 100644
index 0000000..7491a81
--- /dev/null
+++ b/src/router/modules/knowledge.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const knowledgeRouters = [{
+  path: 'knowledge',
+  component: Layout,
+  redirect: '/knowledgeManage',
+  name: 'Knowledge',
+  alwaysShow: true,
+  meta: {
+    title: '知识库管理',
+    icon: 'icon-config', // 图标
+    permission: '/knowledgeManage'
+  },
+  children: [
+    {
+      path: '/knowledgeType',
+      name: 'KnowledgeType',
+      component: () => import('@/views/knowledgeManage/kTypeManage'),
+      meta: { title: '类别管理', icon: '', permission: '/knowledge/type' }
+    },
+    {
+      path: '/knowledgeManage',
+      name: 'KnowledgeManage',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '知识管理', icon: '', permission: '/knowledge/listPage' }
+    },
+    {
+      path: '/knowledgeCheck',
+      name: 'KnowledgeCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '知识审核', icon: '', permission: '/knowledge/check' }
+    }
+  ]
+}]
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
new file mode 100644
index 0000000..facb992
--- /dev/null
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -0,0 +1,67 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>类别</span>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import { toTreeList } from '@/utils/structure'
+export default {
+  name: 'TypeTree',
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'typeName'
+      }, // 配置项
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: false // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    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)
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      this.$emit('change', data.id)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

diff --git a/src/api/allDict.js b/src/api/allDict.js
index e73eeb4..25452a2 100644
--- a/src/api/allDict.js
+++ b/src/api/allDict.js
@@ -65,7 +65,7 @@
     params
   })
 }
-// 上报请示处理方式
+// 审核状态
 export function getcheckStatus(params) {
   return request({
     url: '/dict/code/checkStatus',
@@ -73,3 +73,20 @@
     params
   })
 }
+
+// 上架状态
+export function getGroundStatus(params) {
+  return request({
+    url: '/dict/code/groundingState',
+    method: 'get',
+    params
+  })
+}
+// 可用状态
+export function getValidStatus(params) {
+  return request({
+    url: '/dict/code/validState',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index f290cee..d190bfc 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -1,4 +1,6 @@
 import request from '@/utils/request'
+import qs from 'qs'
+
 /**
  * 知识库
  * */
@@ -13,7 +15,7 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/knowledge/listPage',
+    url: '/role/list',
     method: 'get',
     params
   })
@@ -26,3 +28,81 @@
     params
   })
 }
+
+// 添加知识
+export function addKnowledge(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改知识
+export function updateKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 审核知识
+export function checkKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 上架知识
+export function groundingKnowledge(type, ids, validPeriod) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params: {
+      groundingStatus: type,
+      ids: ids,
+      validPeriod: validPeriod
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 知识库类别管理接口
+// 获取知识库类别列表
+export function getTypeList(params) {
+  return request({
+    url: 'role/list',
+    method: 'get',
+    params
+  })
+}
+
+// 添加类别
+export function addType(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改类别
+export function updateType(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 删除类别
+export function delType(id) {
+  return request({
+    url: 'role/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/router/index.js b/src/router/index.js
index bf14ac6..ecc1a4f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,6 +10,7 @@
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
 import { caseRouters } from './modules/case'
+import { knowledgeRouters } from './modules/knowledge'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -71,6 +72,7 @@
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
   ...caseRouters,
+  ...knowledgeRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/knowledge.js b/src/router/modules/knowledge.js
new file mode 100644
index 0000000..7491a81
--- /dev/null
+++ b/src/router/modules/knowledge.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const knowledgeRouters = [{
+  path: 'knowledge',
+  component: Layout,
+  redirect: '/knowledgeManage',
+  name: 'Knowledge',
+  alwaysShow: true,
+  meta: {
+    title: '知识库管理',
+    icon: 'icon-config', // 图标
+    permission: '/knowledgeManage'
+  },
+  children: [
+    {
+      path: '/knowledgeType',
+      name: 'KnowledgeType',
+      component: () => import('@/views/knowledgeManage/kTypeManage'),
+      meta: { title: '类别管理', icon: '', permission: '/knowledge/type' }
+    },
+    {
+      path: '/knowledgeManage',
+      name: 'KnowledgeManage',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '知识管理', icon: '', permission: '/knowledge/listPage' }
+    },
+    {
+      path: '/knowledgeCheck',
+      name: 'KnowledgeCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '知识审核', icon: '', permission: '/knowledge/check' }
+    }
+  ]
+}]
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
new file mode 100644
index 0000000..facb992
--- /dev/null
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -0,0 +1,67 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>类别</span>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import { toTreeList } from '@/utils/structure'
+export default {
+  name: 'TypeTree',
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'typeName'
+      }, // 配置项
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: false // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    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)
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      this.$emit('change', data.id)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
new file mode 100644
index 0000000..98eee7a
--- /dev/null
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -0,0 +1,114 @@
+<template>
+  <el-dialog :title="title" :visible.sync="dialogFormVisible" width="600px" append-to-body>
+    <el-form ref="dataForm" :model="form" :size="size" label-position="right" label-width="120px">
+      <el-row type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="请选择有效期限" prop="txt">
+            <el-date-picker
+              v-model="form.txt"
+              type="datetime"
+              placeholder="选择时间"
+              clearable/>
+          </el-form-item>
+          <div style="text-align: center">
+            提示：不选表示永久有效
+          </div>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button v-if="showSuccess" type="primary" @click="success">{{ successBtn }}</el-button>
+      <el-button v-if="showRefuse" type="warning" @click="refuse">{{ refuseBtn }}</el-button>
+      <el-button v-if="showCancel" @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'SetTimeDialog',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    }, // 标题
+    placeholder: {
+      type: String,
+      default: ''
+    }, // 占位符
+    reExp: {
+      type: String,
+      default: ''
+    }, // 正则校验
+    errorMessage: {
+      type: String,
+      default: '请选择有效时间'
+    },
+    showSuccess: {
+      type: Boolean,
+      default: true
+    }, // 显示成功按钮
+    showRefuse: {
+      type: Boolean,
+      default: false
+    }, // 显示拒绝按钮
+    showCancel: {
+      type: Boolean,
+      default: true
+    }, // 显示取消按钮
+    successBtn: {
+      type: String,
+      default: '确定'
+    }, // 成功按钮
+    refuseBtn: {
+      type: String,
+      default: '驳回'
+    } // 驳回按钮
+  },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      btnLoading: false, // 保存按钮的加载中状态
+      size: 'small',
+      form: {
+        txt: ''
+      }, // 表单
+    }
+  },
+  methods: {
+    initDialog() {
+      this.dialogFormVisible = true
+      this.resetForm()
+    },
+    // 重置表单
+    resetForm() {
+      this.form.txt = ''
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    // 保存数据
+    success: function() {
+      this.dialogFormVisible = false
+      this.$emit('report', 'success', this.form.txt)
+    },
+    refuse: function() {
+      this.dialogFormVisible = false
+      this.$emit('report', 'refuse', this.form.txt)
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .dialog-footer{
+    margin-top:-20px;
+  }
+</style>

diff --git a/src/api/allDict.js b/src/api/allDict.js
index e73eeb4..25452a2 100644
--- a/src/api/allDict.js
+++ b/src/api/allDict.js
@@ -65,7 +65,7 @@
     params
   })
 }
-// 上报请示处理方式
+// 审核状态
 export function getcheckStatus(params) {
   return request({
     url: '/dict/code/checkStatus',
@@ -73,3 +73,20 @@
     params
   })
 }
+
+// 上架状态
+export function getGroundStatus(params) {
+  return request({
+    url: '/dict/code/groundingState',
+    method: 'get',
+    params
+  })
+}
+// 可用状态
+export function getValidStatus(params) {
+  return request({
+    url: '/dict/code/validState',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index f290cee..d190bfc 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -1,4 +1,6 @@
 import request from '@/utils/request'
+import qs from 'qs'
+
 /**
  * 知识库
  * */
@@ -13,7 +15,7 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/knowledge/listPage',
+    url: '/role/list',
     method: 'get',
     params
   })
@@ -26,3 +28,81 @@
     params
   })
 }
+
+// 添加知识
+export function addKnowledge(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改知识
+export function updateKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 审核知识
+export function checkKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 上架知识
+export function groundingKnowledge(type, ids, validPeriod) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params: {
+      groundingStatus: type,
+      ids: ids,
+      validPeriod: validPeriod
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 知识库类别管理接口
+// 获取知识库类别列表
+export function getTypeList(params) {
+  return request({
+    url: 'role/list',
+    method: 'get',
+    params
+  })
+}
+
+// 添加类别
+export function addType(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改类别
+export function updateType(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 删除类别
+export function delType(id) {
+  return request({
+    url: 'role/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/router/index.js b/src/router/index.js
index bf14ac6..ecc1a4f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,6 +10,7 @@
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
 import { caseRouters } from './modules/case'
+import { knowledgeRouters } from './modules/knowledge'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -71,6 +72,7 @@
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
   ...caseRouters,
+  ...knowledgeRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/knowledge.js b/src/router/modules/knowledge.js
new file mode 100644
index 0000000..7491a81
--- /dev/null
+++ b/src/router/modules/knowledge.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const knowledgeRouters = [{
+  path: 'knowledge',
+  component: Layout,
+  redirect: '/knowledgeManage',
+  name: 'Knowledge',
+  alwaysShow: true,
+  meta: {
+    title: '知识库管理',
+    icon: 'icon-config', // 图标
+    permission: '/knowledgeManage'
+  },
+  children: [
+    {
+      path: '/knowledgeType',
+      name: 'KnowledgeType',
+      component: () => import('@/views/knowledgeManage/kTypeManage'),
+      meta: { title: '类别管理', icon: '', permission: '/knowledge/type' }
+    },
+    {
+      path: '/knowledgeManage',
+      name: 'KnowledgeManage',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '知识管理', icon: '', permission: '/knowledge/listPage' }
+    },
+    {
+      path: '/knowledgeCheck',
+      name: 'KnowledgeCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '知识审核', icon: '', permission: '/knowledge/check' }
+    }
+  ]
+}]
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
new file mode 100644
index 0000000..facb992
--- /dev/null
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -0,0 +1,67 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>类别</span>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import { toTreeList } from '@/utils/structure'
+export default {
+  name: 'TypeTree',
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'typeName'
+      }, // 配置项
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: false // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    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)
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      this.$emit('change', data.id)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
new file mode 100644
index 0000000..98eee7a
--- /dev/null
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -0,0 +1,114 @@
+<template>
+  <el-dialog :title="title" :visible.sync="dialogFormVisible" width="600px" append-to-body>
+    <el-form ref="dataForm" :model="form" :size="size" label-position="right" label-width="120px">
+      <el-row type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="请选择有效期限" prop="txt">
+            <el-date-picker
+              v-model="form.txt"
+              type="datetime"
+              placeholder="选择时间"
+              clearable/>
+          </el-form-item>
+          <div style="text-align: center">
+            提示：不选表示永久有效
+          </div>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button v-if="showSuccess" type="primary" @click="success">{{ successBtn }}</el-button>
+      <el-button v-if="showRefuse" type="warning" @click="refuse">{{ refuseBtn }}</el-button>
+      <el-button v-if="showCancel" @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'SetTimeDialog',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    }, // 标题
+    placeholder: {
+      type: String,
+      default: ''
+    }, // 占位符
+    reExp: {
+      type: String,
+      default: ''
+    }, // 正则校验
+    errorMessage: {
+      type: String,
+      default: '请选择有效时间'
+    },
+    showSuccess: {
+      type: Boolean,
+      default: true
+    }, // 显示成功按钮
+    showRefuse: {
+      type: Boolean,
+      default: false
+    }, // 显示拒绝按钮
+    showCancel: {
+      type: Boolean,
+      default: true
+    }, // 显示取消按钮
+    successBtn: {
+      type: String,
+      default: '确定'
+    }, // 成功按钮
+    refuseBtn: {
+      type: String,
+      default: '驳回'
+    } // 驳回按钮
+  },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      btnLoading: false, // 保存按钮的加载中状态
+      size: 'small',
+      form: {
+        txt: ''
+      }, // 表单
+    }
+  },
+  methods: {
+    initDialog() {
+      this.dialogFormVisible = true
+      this.resetForm()
+    },
+    // 重置表单
+    resetForm() {
+      this.form.txt = ''
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    // 保存数据
+    success: function() {
+      this.dialogFormVisible = false
+      this.$emit('report', 'success', this.form.txt)
+    },
+    refuse: function() {
+      this.dialogFormVisible = false
+      this.$emit('report', 'refuse', this.form.txt)
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .dialog-footer{
+    margin-top:-20px;
+  }
+</style>
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
new file mode 100644
index 0000000..5628a23
--- /dev/null
+++ b/src/views/knowledgeManage/editKType.vue
@@ -0,0 +1,179 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="typeForm" label-position="right" label-width="80px">
+      <el-row type="flex" justify="center">
+        <el-col :span="15">
+          <el-form-item label="类别名称" prop="typeName">
+            <el-input v-model.trim="typeForm.typeName" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row type="flex" justify="center">
+        <el-col :span="15">
+          <el-form-item label="上级" prop="pid">
+            <select-tree v-model="typeForm.pid" :options="typeTreeList" :props="typeProps" />
+          </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 { toTreeList } from '@/utils/structure'
+import DeptSelect from '@/components/DeptSelect'
+import SelectTree from '@/components/SelectTree/singleSelect'
+// import { getDeptTreeList } from '@/api/system/dept'
+import { getTypeList, addType, updateType } from '@/api/knowledge'
+
+export default {
+  name: 'EditKType',
+  components: { SelectTree, DeptSelect },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      btnLoading: false, // 保存按钮的加载中状态
+      typeForm: {
+        id: '', // 编号
+        pid: '', // 父级编号
+        typeName: ''// 类别名
+      }, // 表单
+      typeProps: {
+        parent: 'pid',
+        value: 'id',
+        label: 'typeName',
+        children: 'children'
+      },
+      typeTreeList: [], // 类别树列表数据
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        typeName: [{ required: true, message: '类别名称不能为空', trigger: ['blur', 'change'] }],
+        pid: [{ required: true, message: '父类别必选', trigger: ['blur', 'change'] }]
+      } // 前端校验规则
+    }
+  },
+  created: function() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      this.fetchTypeTree()
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.typeForm = {
+          id: row.id, // 编号
+          pid: row.pid, // 父级编号
+          typeName: row.typeName // 类别名
+        }
+      }
+    },
+    // 加载类别树形下拉菜单
+    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' }
+        ]
+        if (response.data) {
+          this.typeTreeList = toTreeList(response.data, '0')
+          console.log(this.typeTreeList)
+        }
+      })
+    },
+    // 重置表单
+    resetForm() {
+      this.typeForm = {
+        id: '', // 编号
+        pid: '', // 父级编号
+        typeName: ''// 类别名
+      }
+    },
+    // 保存数据
+    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.typeForm)
+        if (valid) {
+          this.btnLoading = true
+          addType(this.typeForm).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                  this.fetchTypeTree()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateType(this.typeForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              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/allDict.js b/src/api/allDict.js
index e73eeb4..25452a2 100644
--- a/src/api/allDict.js
+++ b/src/api/allDict.js
@@ -65,7 +65,7 @@
     params
   })
 }
-// 上报请示处理方式
+// 审核状态
 export function getcheckStatus(params) {
   return request({
     url: '/dict/code/checkStatus',
@@ -73,3 +73,20 @@
     params
   })
 }
+
+// 上架状态
+export function getGroundStatus(params) {
+  return request({
+    url: '/dict/code/groundingState',
+    method: 'get',
+    params
+  })
+}
+// 可用状态
+export function getValidStatus(params) {
+  return request({
+    url: '/dict/code/validState',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index f290cee..d190bfc 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -1,4 +1,6 @@
 import request from '@/utils/request'
+import qs from 'qs'
+
 /**
  * 知识库
  * */
@@ -13,7 +15,7 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/knowledge/listPage',
+    url: '/role/list',
     method: 'get',
     params
   })
@@ -26,3 +28,81 @@
     params
   })
 }
+
+// 添加知识
+export function addKnowledge(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改知识
+export function updateKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 审核知识
+export function checkKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 上架知识
+export function groundingKnowledge(type, ids, validPeriod) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params: {
+      groundingStatus: type,
+      ids: ids,
+      validPeriod: validPeriod
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 知识库类别管理接口
+// 获取知识库类别列表
+export function getTypeList(params) {
+  return request({
+    url: 'role/list',
+    method: 'get',
+    params
+  })
+}
+
+// 添加类别
+export function addType(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改类别
+export function updateType(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 删除类别
+export function delType(id) {
+  return request({
+    url: 'role/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/router/index.js b/src/router/index.js
index bf14ac6..ecc1a4f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,6 +10,7 @@
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
 import { caseRouters } from './modules/case'
+import { knowledgeRouters } from './modules/knowledge'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -71,6 +72,7 @@
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
   ...caseRouters,
+  ...knowledgeRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/knowledge.js b/src/router/modules/knowledge.js
new file mode 100644
index 0000000..7491a81
--- /dev/null
+++ b/src/router/modules/knowledge.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const knowledgeRouters = [{
+  path: 'knowledge',
+  component: Layout,
+  redirect: '/knowledgeManage',
+  name: 'Knowledge',
+  alwaysShow: true,
+  meta: {
+    title: '知识库管理',
+    icon: 'icon-config', // 图标
+    permission: '/knowledgeManage'
+  },
+  children: [
+    {
+      path: '/knowledgeType',
+      name: 'KnowledgeType',
+      component: () => import('@/views/knowledgeManage/kTypeManage'),
+      meta: { title: '类别管理', icon: '', permission: '/knowledge/type' }
+    },
+    {
+      path: '/knowledgeManage',
+      name: 'KnowledgeManage',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '知识管理', icon: '', permission: '/knowledge/listPage' }
+    },
+    {
+      path: '/knowledgeCheck',
+      name: 'KnowledgeCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '知识审核', icon: '', permission: '/knowledge/check' }
+    }
+  ]
+}]
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
new file mode 100644
index 0000000..facb992
--- /dev/null
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -0,0 +1,67 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>类别</span>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import { toTreeList } from '@/utils/structure'
+export default {
+  name: 'TypeTree',
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'typeName'
+      }, // 配置项
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: false // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    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)
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      this.$emit('change', data.id)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
new file mode 100644
index 0000000..98eee7a
--- /dev/null
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -0,0 +1,114 @@
+<template>
+  <el-dialog :title="title" :visible.sync="dialogFormVisible" width="600px" append-to-body>
+    <el-form ref="dataForm" :model="form" :size="size" label-position="right" label-width="120px">
+      <el-row type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="请选择有效期限" prop="txt">
+            <el-date-picker
+              v-model="form.txt"
+              type="datetime"
+              placeholder="选择时间"
+              clearable/>
+          </el-form-item>
+          <div style="text-align: center">
+            提示：不选表示永久有效
+          </div>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button v-if="showSuccess" type="primary" @click="success">{{ successBtn }}</el-button>
+      <el-button v-if="showRefuse" type="warning" @click="refuse">{{ refuseBtn }}</el-button>
+      <el-button v-if="showCancel" @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'SetTimeDialog',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    }, // 标题
+    placeholder: {
+      type: String,
+      default: ''
+    }, // 占位符
+    reExp: {
+      type: String,
+      default: ''
+    }, // 正则校验
+    errorMessage: {
+      type: String,
+      default: '请选择有效时间'
+    },
+    showSuccess: {
+      type: Boolean,
+      default: true
+    }, // 显示成功按钮
+    showRefuse: {
+      type: Boolean,
+      default: false
+    }, // 显示拒绝按钮
+    showCancel: {
+      type: Boolean,
+      default: true
+    }, // 显示取消按钮
+    successBtn: {
+      type: String,
+      default: '确定'
+    }, // 成功按钮
+    refuseBtn: {
+      type: String,
+      default: '驳回'
+    } // 驳回按钮
+  },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      btnLoading: false, // 保存按钮的加载中状态
+      size: 'small',
+      form: {
+        txt: ''
+      }, // 表单
+    }
+  },
+  methods: {
+    initDialog() {
+      this.dialogFormVisible = true
+      this.resetForm()
+    },
+    // 重置表单
+    resetForm() {
+      this.form.txt = ''
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    // 保存数据
+    success: function() {
+      this.dialogFormVisible = false
+      this.$emit('report', 'success', this.form.txt)
+    },
+    refuse: function() {
+      this.dialogFormVisible = false
+      this.$emit('report', 'refuse', this.form.txt)
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .dialog-footer{
+    margin-top:-20px;
+  }
+</style>
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
new file mode 100644
index 0000000..5628a23
--- /dev/null
+++ b/src/views/knowledgeManage/editKType.vue
@@ -0,0 +1,179 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="typeForm" label-position="right" label-width="80px">
+      <el-row type="flex" justify="center">
+        <el-col :span="15">
+          <el-form-item label="类别名称" prop="typeName">
+            <el-input v-model.trim="typeForm.typeName" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row type="flex" justify="center">
+        <el-col :span="15">
+          <el-form-item label="上级" prop="pid">
+            <select-tree v-model="typeForm.pid" :options="typeTreeList" :props="typeProps" />
+          </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 { toTreeList } from '@/utils/structure'
+import DeptSelect from '@/components/DeptSelect'
+import SelectTree from '@/components/SelectTree/singleSelect'
+// import { getDeptTreeList } from '@/api/system/dept'
+import { getTypeList, addType, updateType } from '@/api/knowledge'
+
+export default {
+  name: 'EditKType',
+  components: { SelectTree, DeptSelect },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      btnLoading: false, // 保存按钮的加载中状态
+      typeForm: {
+        id: '', // 编号
+        pid: '', // 父级编号
+        typeName: ''// 类别名
+      }, // 表单
+      typeProps: {
+        parent: 'pid',
+        value: 'id',
+        label: 'typeName',
+        children: 'children'
+      },
+      typeTreeList: [], // 类别树列表数据
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        typeName: [{ required: true, message: '类别名称不能为空', trigger: ['blur', 'change'] }],
+        pid: [{ required: true, message: '父类别必选', trigger: ['blur', 'change'] }]
+      } // 前端校验规则
+    }
+  },
+  created: function() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      this.fetchTypeTree()
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.typeForm = {
+          id: row.id, // 编号
+          pid: row.pid, // 父级编号
+          typeName: row.typeName // 类别名
+        }
+      }
+    },
+    // 加载类别树形下拉菜单
+    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' }
+        ]
+        if (response.data) {
+          this.typeTreeList = toTreeList(response.data, '0')
+          console.log(this.typeTreeList)
+        }
+      })
+    },
+    // 重置表单
+    resetForm() {
+      this.typeForm = {
+        id: '', // 编号
+        pid: '', // 父级编号
+        typeName: ''// 类别名
+      }
+    },
+    // 保存数据
+    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.typeForm)
+        if (valid) {
+          this.btnLoading = true
+          addType(this.typeForm).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                  this.fetchTypeTree()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateType(this.typeForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              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/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
new file mode 100644
index 0000000..8bcb931
--- /dev/null
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -0,0 +1,198 @@
+<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-row type="flex" justify="center">
+        <el-col :span="24">
+          <el-form-item label="标题" prop="name">
+            <el-input v-model.trim="knowledgeForm.name" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row type="flex" justify="center">
+        <el-col :span="12">
+          <el-form-item label="关键词" prop="keywords">
+            <el-input v-model.trim="knowledgeForm.keywords" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属类别" prop="type">
+            <select-tree v-model="knowledgeForm.type" :options="typeTreeList" :props="typeProps" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="知识内容" prop="info">
+            <tinymce v-model="knowledgeForm.info" :height="300"/>
+          </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 { toTreeList } from '@/utils/structure'
+import SelectTree from '@/components/SelectTree/singleSelect'
+// import { getDeptTreeList } from '@/api/system/dept'
+import { getTypeList, addType, updateType } from '@/api/knowledge'
+import Tinymce from '../../components/Tinymce/index'
+
+export default {
+  name: 'EditKnowledge',
+  components: { Tinymce, SelectTree },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      btnLoading: false, // 保存按钮的加载中状态
+      size:'small',
+      knowledgeForm: {
+        id: '', // 编号
+        type: '', // 父级编号
+        name: '', // 类别名
+        keywords: '', // 关键词
+        info: '' // 内容
+      }, // 表单
+      typeProps: {
+        parent: 'typeName',
+        value: 'id',
+        label: 'name',
+        children: 'children'
+      },
+      typeTreeList: [], // 类别树列表数据
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        name: [{ required: true, message: '标题不能为空', trigger: ['blur', 'change'] }],
+        type: [{ required: true, message: '类别必选', trigger: ['blur', 'change'] }],
+        keywords: [{ required: true, message: '关键词必填', trigger: ['blur', 'change'] }],
+        info: [{ required: true, message: '知识内容必填', trigger: ['blur', 'change'] }]
+      } // 前端校验规则
+    }
+  },
+  created: function() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      this.fetchTypeTree()
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          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
+        }
+      }
+    },
+    // 加载类别树形下拉菜单
+    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' }
+        ]
+        if (response.data) {
+          this.typeTreeList = toTreeList(response.data, '0')
+          console.log(this.typeTreeList)
+        }
+      })
+    },
+    // 重置表单
+    resetForm() {
+      this.knowledgeForm = {
+        id: '', // 编号
+        type: '', // 父级编号
+        name: ''// 类别名
+      }
+    },
+    // 保存数据
+    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.knowledgeForm)
+        if (valid) {
+          this.btnLoading = true
+          addType(this.knowledgeForm).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                  this.fetchTypeTree()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateType(this.knowledgeForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              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/allDict.js b/src/api/allDict.js
index e73eeb4..25452a2 100644
--- a/src/api/allDict.js
+++ b/src/api/allDict.js
@@ -65,7 +65,7 @@
     params
   })
 }
-// 上报请示处理方式
+// 审核状态
 export function getcheckStatus(params) {
   return request({
     url: '/dict/code/checkStatus',
@@ -73,3 +73,20 @@
     params
   })
 }
+
+// 上架状态
+export function getGroundStatus(params) {
+  return request({
+    url: '/dict/code/groundingState',
+    method: 'get',
+    params
+  })
+}
+// 可用状态
+export function getValidStatus(params) {
+  return request({
+    url: '/dict/code/validState',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index f290cee..d190bfc 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -1,4 +1,6 @@
 import request from '@/utils/request'
+import qs from 'qs'
+
 /**
  * 知识库
  * */
@@ -13,7 +15,7 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/knowledge/listPage',
+    url: '/role/list',
     method: 'get',
     params
   })
@@ -26,3 +28,81 @@
     params
   })
 }
+
+// 添加知识
+export function addKnowledge(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改知识
+export function updateKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 审核知识
+export function checkKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 上架知识
+export function groundingKnowledge(type, ids, validPeriod) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params: {
+      groundingStatus: type,
+      ids: ids,
+      validPeriod: validPeriod
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 知识库类别管理接口
+// 获取知识库类别列表
+export function getTypeList(params) {
+  return request({
+    url: 'role/list',
+    method: 'get',
+    params
+  })
+}
+
+// 添加类别
+export function addType(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改类别
+export function updateType(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 删除类别
+export function delType(id) {
+  return request({
+    url: 'role/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/router/index.js b/src/router/index.js
index bf14ac6..ecc1a4f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,6 +10,7 @@
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
 import { caseRouters } from './modules/case'
+import { knowledgeRouters } from './modules/knowledge'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -71,6 +72,7 @@
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
   ...caseRouters,
+  ...knowledgeRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/knowledge.js b/src/router/modules/knowledge.js
new file mode 100644
index 0000000..7491a81
--- /dev/null
+++ b/src/router/modules/knowledge.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const knowledgeRouters = [{
+  path: 'knowledge',
+  component: Layout,
+  redirect: '/knowledgeManage',
+  name: 'Knowledge',
+  alwaysShow: true,
+  meta: {
+    title: '知识库管理',
+    icon: 'icon-config', // 图标
+    permission: '/knowledgeManage'
+  },
+  children: [
+    {
+      path: '/knowledgeType',
+      name: 'KnowledgeType',
+      component: () => import('@/views/knowledgeManage/kTypeManage'),
+      meta: { title: '类别管理', icon: '', permission: '/knowledge/type' }
+    },
+    {
+      path: '/knowledgeManage',
+      name: 'KnowledgeManage',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '知识管理', icon: '', permission: '/knowledge/listPage' }
+    },
+    {
+      path: '/knowledgeCheck',
+      name: 'KnowledgeCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '知识审核', icon: '', permission: '/knowledge/check' }
+    }
+  ]
+}]
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
new file mode 100644
index 0000000..facb992
--- /dev/null
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -0,0 +1,67 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>类别</span>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import { toTreeList } from '@/utils/structure'
+export default {
+  name: 'TypeTree',
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'typeName'
+      }, // 配置项
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: false // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    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)
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      this.$emit('change', data.id)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
new file mode 100644
index 0000000..98eee7a
--- /dev/null
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -0,0 +1,114 @@
+<template>
+  <el-dialog :title="title" :visible.sync="dialogFormVisible" width="600px" append-to-body>
+    <el-form ref="dataForm" :model="form" :size="size" label-position="right" label-width="120px">
+      <el-row type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="请选择有效期限" prop="txt">
+            <el-date-picker
+              v-model="form.txt"
+              type="datetime"
+              placeholder="选择时间"
+              clearable/>
+          </el-form-item>
+          <div style="text-align: center">
+            提示：不选表示永久有效
+          </div>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button v-if="showSuccess" type="primary" @click="success">{{ successBtn }}</el-button>
+      <el-button v-if="showRefuse" type="warning" @click="refuse">{{ refuseBtn }}</el-button>
+      <el-button v-if="showCancel" @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'SetTimeDialog',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    }, // 标题
+    placeholder: {
+      type: String,
+      default: ''
+    }, // 占位符
+    reExp: {
+      type: String,
+      default: ''
+    }, // 正则校验
+    errorMessage: {
+      type: String,
+      default: '请选择有效时间'
+    },
+    showSuccess: {
+      type: Boolean,
+      default: true
+    }, // 显示成功按钮
+    showRefuse: {
+      type: Boolean,
+      default: false
+    }, // 显示拒绝按钮
+    showCancel: {
+      type: Boolean,
+      default: true
+    }, // 显示取消按钮
+    successBtn: {
+      type: String,
+      default: '确定'
+    }, // 成功按钮
+    refuseBtn: {
+      type: String,
+      default: '驳回'
+    } // 驳回按钮
+  },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      btnLoading: false, // 保存按钮的加载中状态
+      size: 'small',
+      form: {
+        txt: ''
+      }, // 表单
+    }
+  },
+  methods: {
+    initDialog() {
+      this.dialogFormVisible = true
+      this.resetForm()
+    },
+    // 重置表单
+    resetForm() {
+      this.form.txt = ''
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    // 保存数据
+    success: function() {
+      this.dialogFormVisible = false
+      this.$emit('report', 'success', this.form.txt)
+    },
+    refuse: function() {
+      this.dialogFormVisible = false
+      this.$emit('report', 'refuse', this.form.txt)
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .dialog-footer{
+    margin-top:-20px;
+  }
+</style>
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
new file mode 100644
index 0000000..5628a23
--- /dev/null
+++ b/src/views/knowledgeManage/editKType.vue
@@ -0,0 +1,179 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="typeForm" label-position="right" label-width="80px">
+      <el-row type="flex" justify="center">
+        <el-col :span="15">
+          <el-form-item label="类别名称" prop="typeName">
+            <el-input v-model.trim="typeForm.typeName" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row type="flex" justify="center">
+        <el-col :span="15">
+          <el-form-item label="上级" prop="pid">
+            <select-tree v-model="typeForm.pid" :options="typeTreeList" :props="typeProps" />
+          </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 { toTreeList } from '@/utils/structure'
+import DeptSelect from '@/components/DeptSelect'
+import SelectTree from '@/components/SelectTree/singleSelect'
+// import { getDeptTreeList } from '@/api/system/dept'
+import { getTypeList, addType, updateType } from '@/api/knowledge'
+
+export default {
+  name: 'EditKType',
+  components: { SelectTree, DeptSelect },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      btnLoading: false, // 保存按钮的加载中状态
+      typeForm: {
+        id: '', // 编号
+        pid: '', // 父级编号
+        typeName: ''// 类别名
+      }, // 表单
+      typeProps: {
+        parent: 'pid',
+        value: 'id',
+        label: 'typeName',
+        children: 'children'
+      },
+      typeTreeList: [], // 类别树列表数据
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        typeName: [{ required: true, message: '类别名称不能为空', trigger: ['blur', 'change'] }],
+        pid: [{ required: true, message: '父类别必选', trigger: ['blur', 'change'] }]
+      } // 前端校验规则
+    }
+  },
+  created: function() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      this.fetchTypeTree()
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.typeForm = {
+          id: row.id, // 编号
+          pid: row.pid, // 父级编号
+          typeName: row.typeName // 类别名
+        }
+      }
+    },
+    // 加载类别树形下拉菜单
+    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' }
+        ]
+        if (response.data) {
+          this.typeTreeList = toTreeList(response.data, '0')
+          console.log(this.typeTreeList)
+        }
+      })
+    },
+    // 重置表单
+    resetForm() {
+      this.typeForm = {
+        id: '', // 编号
+        pid: '', // 父级编号
+        typeName: ''// 类别名
+      }
+    },
+    // 保存数据
+    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.typeForm)
+        if (valid) {
+          this.btnLoading = true
+          addType(this.typeForm).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                  this.fetchTypeTree()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateType(this.typeForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              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/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
new file mode 100644
index 0000000..8bcb931
--- /dev/null
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -0,0 +1,198 @@
+<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-row type="flex" justify="center">
+        <el-col :span="24">
+          <el-form-item label="标题" prop="name">
+            <el-input v-model.trim="knowledgeForm.name" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row type="flex" justify="center">
+        <el-col :span="12">
+          <el-form-item label="关键词" prop="keywords">
+            <el-input v-model.trim="knowledgeForm.keywords" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属类别" prop="type">
+            <select-tree v-model="knowledgeForm.type" :options="typeTreeList" :props="typeProps" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="知识内容" prop="info">
+            <tinymce v-model="knowledgeForm.info" :height="300"/>
+          </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 { toTreeList } from '@/utils/structure'
+import SelectTree from '@/components/SelectTree/singleSelect'
+// import { getDeptTreeList } from '@/api/system/dept'
+import { getTypeList, addType, updateType } from '@/api/knowledge'
+import Tinymce from '../../components/Tinymce/index'
+
+export default {
+  name: 'EditKnowledge',
+  components: { Tinymce, SelectTree },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      btnLoading: false, // 保存按钮的加载中状态
+      size:'small',
+      knowledgeForm: {
+        id: '', // 编号
+        type: '', // 父级编号
+        name: '', // 类别名
+        keywords: '', // 关键词
+        info: '' // 内容
+      }, // 表单
+      typeProps: {
+        parent: 'typeName',
+        value: 'id',
+        label: 'name',
+        children: 'children'
+      },
+      typeTreeList: [], // 类别树列表数据
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        name: [{ required: true, message: '标题不能为空', trigger: ['blur', 'change'] }],
+        type: [{ required: true, message: '类别必选', trigger: ['blur', 'change'] }],
+        keywords: [{ required: true, message: '关键词必填', trigger: ['blur', 'change'] }],
+        info: [{ required: true, message: '知识内容必填', trigger: ['blur', 'change'] }]
+      } // 前端校验规则
+    }
+  },
+  created: function() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      this.fetchTypeTree()
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          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
+        }
+      }
+    },
+    // 加载类别树形下拉菜单
+    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' }
+        ]
+        if (response.data) {
+          this.typeTreeList = toTreeList(response.data, '0')
+          console.log(this.typeTreeList)
+        }
+      })
+    },
+    // 重置表单
+    resetForm() {
+      this.knowledgeForm = {
+        id: '', // 编号
+        type: '', // 父级编号
+        name: ''// 类别名
+      }
+    },
+    // 保存数据
+    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.knowledgeForm)
+        if (valid) {
+          this.btnLoading = true
+          addType(this.knowledgeForm).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                  this.fetchTypeTree()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateType(this.knowledgeForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              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/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
new file mode 100644
index 0000000..333899e
--- /dev/null
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -0,0 +1,130 @@
+<template>
+  <div class="app-container">
+    <!--筛选条件-->
+    <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-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>
+      </el-form>
+    </div>
+    <!--查询结果Table显示-->
+    <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>
+        </template>
+      </el-table-column>
+    </tree-table>
+
+    <!--编辑资源的对话框-->
+    <edit-k-type v-show="editShow" ref="editktype" @watchChild="fetchData"/>
+    <!--<edit-role v-show="editShow" ref="editrole" @watchChild="fetchData"/>-->
+
+  </div>
+</template>
+
+<script>
+
+import treeTable from '@/components/TreeTable'
+import { getTypeList, delType } from '@/api/knowledge'
+import { toTreeList } from '@/utils/structure'
+import EditKType from './editKType'
+
+export default {
+  name: 'KTypeManage',
+  components: {
+    EditKType,
+    treeTable
+  },
+  data() {
+    return {
+      listQuery: {
+        keyword: ''
+      },
+      columns: [
+        {
+          text: '类别名称',
+          value: 'typeName'
+        },
+        {
+          text: '所属组织机构',
+          value: 'deptName',
+          width: 150
+        }
+      ],
+      list: [],
+      listLoading: true,
+      dialogFormVisible: false,
+      dialogStatus: '',
+      functionShow: false, // 功能权限配置是否启用
+      dataShow: false, // 数据权限配置是否启用
+      editShow: false // 编辑角色权限是否启用
+    }
+  },
+  computed: {
+    'showOperate': function() { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
+      return (this.hasPerm('/kype/edit') || this.hasPerm('/ktype/delete'))
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    add() {
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editktype.initDialog(this.dialogStatus, true)
+    },
+    edit(row) {
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editktype.initDialog(this.dialogStatus, true, row)
+    },
+    del(row) {
+      this.$confirm(
+        '确定要删除' + row.typeName + '吗？',
+        '确认删除',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delType(row.id).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    search() {
+      this.fetchData()
+    },
+    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' }
+        ]
+        this.list = toTreeList(response.data)
+        this.listLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .treetable{
+    margin-bottom: 50px;
+  }
+</style>

diff --git a/src/api/allDict.js b/src/api/allDict.js
index e73eeb4..25452a2 100644
--- a/src/api/allDict.js
+++ b/src/api/allDict.js
@@ -65,7 +65,7 @@
     params
   })
 }
-// 上报请示处理方式
+// 审核状态
 export function getcheckStatus(params) {
   return request({
     url: '/dict/code/checkStatus',
@@ -73,3 +73,20 @@
     params
   })
 }
+
+// 上架状态
+export function getGroundStatus(params) {
+  return request({
+    url: '/dict/code/groundingState',
+    method: 'get',
+    params
+  })
+}
+// 可用状态
+export function getValidStatus(params) {
+  return request({
+    url: '/dict/code/validState',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index f290cee..d190bfc 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -1,4 +1,6 @@
 import request from '@/utils/request'
+import qs from 'qs'
+
 /**
  * 知识库
  * */
@@ -13,7 +15,7 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/knowledge/listPage',
+    url: '/role/list',
     method: 'get',
     params
   })
@@ -26,3 +28,81 @@
     params
   })
 }
+
+// 添加知识
+export function addKnowledge(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改知识
+export function updateKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 审核知识
+export function checkKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 上架知识
+export function groundingKnowledge(type, ids, validPeriod) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params: {
+      groundingStatus: type,
+      ids: ids,
+      validPeriod: validPeriod
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 知识库类别管理接口
+// 获取知识库类别列表
+export function getTypeList(params) {
+  return request({
+    url: 'role/list',
+    method: 'get',
+    params
+  })
+}
+
+// 添加类别
+export function addType(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改类别
+export function updateType(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 删除类别
+export function delType(id) {
+  return request({
+    url: 'role/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/router/index.js b/src/router/index.js
index bf14ac6..ecc1a4f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,6 +10,7 @@
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
 import { caseRouters } from './modules/case'
+import { knowledgeRouters } from './modules/knowledge'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -71,6 +72,7 @@
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
   ...caseRouters,
+  ...knowledgeRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/knowledge.js b/src/router/modules/knowledge.js
new file mode 100644
index 0000000..7491a81
--- /dev/null
+++ b/src/router/modules/knowledge.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const knowledgeRouters = [{
+  path: 'knowledge',
+  component: Layout,
+  redirect: '/knowledgeManage',
+  name: 'Knowledge',
+  alwaysShow: true,
+  meta: {
+    title: '知识库管理',
+    icon: 'icon-config', // 图标
+    permission: '/knowledgeManage'
+  },
+  children: [
+    {
+      path: '/knowledgeType',
+      name: 'KnowledgeType',
+      component: () => import('@/views/knowledgeManage/kTypeManage'),
+      meta: { title: '类别管理', icon: '', permission: '/knowledge/type' }
+    },
+    {
+      path: '/knowledgeManage',
+      name: 'KnowledgeManage',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '知识管理', icon: '', permission: '/knowledge/listPage' }
+    },
+    {
+      path: '/knowledgeCheck',
+      name: 'KnowledgeCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '知识审核', icon: '', permission: '/knowledge/check' }
+    }
+  ]
+}]
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
new file mode 100644
index 0000000..facb992
--- /dev/null
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -0,0 +1,67 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>类别</span>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import { toTreeList } from '@/utils/structure'
+export default {
+  name: 'TypeTree',
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'typeName'
+      }, // 配置项
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: false // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    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)
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      this.$emit('change', data.id)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
new file mode 100644
index 0000000..98eee7a
--- /dev/null
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -0,0 +1,114 @@
+<template>
+  <el-dialog :title="title" :visible.sync="dialogFormVisible" width="600px" append-to-body>
+    <el-form ref="dataForm" :model="form" :size="size" label-position="right" label-width="120px">
+      <el-row type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="请选择有效期限" prop="txt">
+            <el-date-picker
+              v-model="form.txt"
+              type="datetime"
+              placeholder="选择时间"
+              clearable/>
+          </el-form-item>
+          <div style="text-align: center">
+            提示：不选表示永久有效
+          </div>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button v-if="showSuccess" type="primary" @click="success">{{ successBtn }}</el-button>
+      <el-button v-if="showRefuse" type="warning" @click="refuse">{{ refuseBtn }}</el-button>
+      <el-button v-if="showCancel" @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'SetTimeDialog',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    }, // 标题
+    placeholder: {
+      type: String,
+      default: ''
+    }, // 占位符
+    reExp: {
+      type: String,
+      default: ''
+    }, // 正则校验
+    errorMessage: {
+      type: String,
+      default: '请选择有效时间'
+    },
+    showSuccess: {
+      type: Boolean,
+      default: true
+    }, // 显示成功按钮
+    showRefuse: {
+      type: Boolean,
+      default: false
+    }, // 显示拒绝按钮
+    showCancel: {
+      type: Boolean,
+      default: true
+    }, // 显示取消按钮
+    successBtn: {
+      type: String,
+      default: '确定'
+    }, // 成功按钮
+    refuseBtn: {
+      type: String,
+      default: '驳回'
+    } // 驳回按钮
+  },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      btnLoading: false, // 保存按钮的加载中状态
+      size: 'small',
+      form: {
+        txt: ''
+      }, // 表单
+    }
+  },
+  methods: {
+    initDialog() {
+      this.dialogFormVisible = true
+      this.resetForm()
+    },
+    // 重置表单
+    resetForm() {
+      this.form.txt = ''
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    // 保存数据
+    success: function() {
+      this.dialogFormVisible = false
+      this.$emit('report', 'success', this.form.txt)
+    },
+    refuse: function() {
+      this.dialogFormVisible = false
+      this.$emit('report', 'refuse', this.form.txt)
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .dialog-footer{
+    margin-top:-20px;
+  }
+</style>
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
new file mode 100644
index 0000000..5628a23
--- /dev/null
+++ b/src/views/knowledgeManage/editKType.vue
@@ -0,0 +1,179 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="typeForm" label-position="right" label-width="80px">
+      <el-row type="flex" justify="center">
+        <el-col :span="15">
+          <el-form-item label="类别名称" prop="typeName">
+            <el-input v-model.trim="typeForm.typeName" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row type="flex" justify="center">
+        <el-col :span="15">
+          <el-form-item label="上级" prop="pid">
+            <select-tree v-model="typeForm.pid" :options="typeTreeList" :props="typeProps" />
+          </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 { toTreeList } from '@/utils/structure'
+import DeptSelect from '@/components/DeptSelect'
+import SelectTree from '@/components/SelectTree/singleSelect'
+// import { getDeptTreeList } from '@/api/system/dept'
+import { getTypeList, addType, updateType } from '@/api/knowledge'
+
+export default {
+  name: 'EditKType',
+  components: { SelectTree, DeptSelect },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      btnLoading: false, // 保存按钮的加载中状态
+      typeForm: {
+        id: '', // 编号
+        pid: '', // 父级编号
+        typeName: ''// 类别名
+      }, // 表单
+      typeProps: {
+        parent: 'pid',
+        value: 'id',
+        label: 'typeName',
+        children: 'children'
+      },
+      typeTreeList: [], // 类别树列表数据
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        typeName: [{ required: true, message: '类别名称不能为空', trigger: ['blur', 'change'] }],
+        pid: [{ required: true, message: '父类别必选', trigger: ['blur', 'change'] }]
+      } // 前端校验规则
+    }
+  },
+  created: function() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      this.fetchTypeTree()
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.typeForm = {
+          id: row.id, // 编号
+          pid: row.pid, // 父级编号
+          typeName: row.typeName // 类别名
+        }
+      }
+    },
+    // 加载类别树形下拉菜单
+    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' }
+        ]
+        if (response.data) {
+          this.typeTreeList = toTreeList(response.data, '0')
+          console.log(this.typeTreeList)
+        }
+      })
+    },
+    // 重置表单
+    resetForm() {
+      this.typeForm = {
+        id: '', // 编号
+        pid: '', // 父级编号
+        typeName: ''// 类别名
+      }
+    },
+    // 保存数据
+    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.typeForm)
+        if (valid) {
+          this.btnLoading = true
+          addType(this.typeForm).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                  this.fetchTypeTree()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateType(this.typeForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              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/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
new file mode 100644
index 0000000..8bcb931
--- /dev/null
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -0,0 +1,198 @@
+<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-row type="flex" justify="center">
+        <el-col :span="24">
+          <el-form-item label="标题" prop="name">
+            <el-input v-model.trim="knowledgeForm.name" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row type="flex" justify="center">
+        <el-col :span="12">
+          <el-form-item label="关键词" prop="keywords">
+            <el-input v-model.trim="knowledgeForm.keywords" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属类别" prop="type">
+            <select-tree v-model="knowledgeForm.type" :options="typeTreeList" :props="typeProps" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="知识内容" prop="info">
+            <tinymce v-model="knowledgeForm.info" :height="300"/>
+          </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 { toTreeList } from '@/utils/structure'
+import SelectTree from '@/components/SelectTree/singleSelect'
+// import { getDeptTreeList } from '@/api/system/dept'
+import { getTypeList, addType, updateType } from '@/api/knowledge'
+import Tinymce from '../../components/Tinymce/index'
+
+export default {
+  name: 'EditKnowledge',
+  components: { Tinymce, SelectTree },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      btnLoading: false, // 保存按钮的加载中状态
+      size:'small',
+      knowledgeForm: {
+        id: '', // 编号
+        type: '', // 父级编号
+        name: '', // 类别名
+        keywords: '', // 关键词
+        info: '' // 内容
+      }, // 表单
+      typeProps: {
+        parent: 'typeName',
+        value: 'id',
+        label: 'name',
+        children: 'children'
+      },
+      typeTreeList: [], // 类别树列表数据
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        name: [{ required: true, message: '标题不能为空', trigger: ['blur', 'change'] }],
+        type: [{ required: true, message: '类别必选', trigger: ['blur', 'change'] }],
+        keywords: [{ required: true, message: '关键词必填', trigger: ['blur', 'change'] }],
+        info: [{ required: true, message: '知识内容必填', trigger: ['blur', 'change'] }]
+      } // 前端校验规则
+    }
+  },
+  created: function() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      this.fetchTypeTree()
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          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
+        }
+      }
+    },
+    // 加载类别树形下拉菜单
+    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' }
+        ]
+        if (response.data) {
+          this.typeTreeList = toTreeList(response.data, '0')
+          console.log(this.typeTreeList)
+        }
+      })
+    },
+    // 重置表单
+    resetForm() {
+      this.knowledgeForm = {
+        id: '', // 编号
+        type: '', // 父级编号
+        name: ''// 类别名
+      }
+    },
+    // 保存数据
+    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.knowledgeForm)
+        if (valid) {
+          this.btnLoading = true
+          addType(this.knowledgeForm).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                  this.fetchTypeTree()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateType(this.knowledgeForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              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/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
new file mode 100644
index 0000000..333899e
--- /dev/null
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -0,0 +1,130 @@
+<template>
+  <div class="app-container">
+    <!--筛选条件-->
+    <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-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>
+      </el-form>
+    </div>
+    <!--查询结果Table显示-->
+    <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>
+        </template>
+      </el-table-column>
+    </tree-table>
+
+    <!--编辑资源的对话框-->
+    <edit-k-type v-show="editShow" ref="editktype" @watchChild="fetchData"/>
+    <!--<edit-role v-show="editShow" ref="editrole" @watchChild="fetchData"/>-->
+
+  </div>
+</template>
+
+<script>
+
+import treeTable from '@/components/TreeTable'
+import { getTypeList, delType } from '@/api/knowledge'
+import { toTreeList } from '@/utils/structure'
+import EditKType from './editKType'
+
+export default {
+  name: 'KTypeManage',
+  components: {
+    EditKType,
+    treeTable
+  },
+  data() {
+    return {
+      listQuery: {
+        keyword: ''
+      },
+      columns: [
+        {
+          text: '类别名称',
+          value: 'typeName'
+        },
+        {
+          text: '所属组织机构',
+          value: 'deptName',
+          width: 150
+        }
+      ],
+      list: [],
+      listLoading: true,
+      dialogFormVisible: false,
+      dialogStatus: '',
+      functionShow: false, // 功能权限配置是否启用
+      dataShow: false, // 数据权限配置是否启用
+      editShow: false // 编辑角色权限是否启用
+    }
+  },
+  computed: {
+    'showOperate': function() { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
+      return (this.hasPerm('/kype/edit') || this.hasPerm('/ktype/delete'))
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    add() {
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editktype.initDialog(this.dialogStatus, true)
+    },
+    edit(row) {
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editktype.initDialog(this.dialogStatus, true, row)
+    },
+    del(row) {
+      this.$confirm(
+        '确定要删除' + row.typeName + '吗？',
+        '确认删除',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delType(row.id).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    search() {
+      this.fetchData()
+    },
+    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' }
+        ]
+        this.list = toTreeList(response.data)
+        this.listLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .treetable{
+    margin-bottom: 50px;
+  }
+</style>
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
new file mode 100644
index 0000000..50cd3a1
--- /dev/null
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -0,0 +1,318 @@
+ <!-- 知识审核 -->
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="5">
+        <type-tree @change="changeType"/>
+      </el-col>
+      <el-col :span="19">
+        <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>
+          <search-item>
+            <el-select v-model="listQuery.checkStatus" placeholder="审核状态" size="small" clearable>
+              <el-option v-for="item in checkStateList" :key="'checkState_'+item.value" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-select v-model="listQuery.groundingStatus" placeholder="上架状态" size="small" clearable>
+              <el-option v-for="item in groundStateList" :key="'ground_'+item.value" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-select v-model="listQuery.valid" placeholder="可用状态" size="small" clearable>
+              <el-option v-for="item in validStateList" :key="'valid_'+item.value" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+        </search-area>
+        <div style="margin-bottom:10px;">
+          <el-row>
+            <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-upload2" @click="goGround">上架</el-button>
+            <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-download" @click="ungrounding">下架</el-button>
+          </el-row>
+        </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"
+          @change="changePage"
+          @select-change="handleSelectionChange">
+          <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="check(scope.row)">审核</el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </el-col>
+    </el-row>
+    <knowledge-detail ref="kdetail"/>
+    <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import CaseListTable from '@/views/caseManage/caseCommon/caseListTable'
+import NormalTable from '@/components/NomalTable'
+import { knowledgeList, checkKnowledge, groundingKnowledge } from '@/api/knowledge'
+import { getcheckStatus, getGroundStatus, getValidStatus } from '@/api/allDict'
+import TypeTree from './components/TypeTree'
+import KnowledgeDetail from '../caseManage/components/knowledgeDetail'
+import SimpleDialog from '../../components/SimpleDialog/index'
+import SetTimeDialog from './components/setTimeDialog'
+
+export default {
+  name: 'KnowledgeCheck',
+  components: { SetTimeDialog, SimpleDialog, KnowledgeDetail, TypeTree, AppContainer, SearchArea, SearchItem, CaseListTable, NormalTable },
+  data() {
+    return {
+      list: [],
+      total: 0,
+      timeRange: [], // 申请时间范围
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        keywords: '', // 关键字
+        type: '', // 类别
+        checkStatus: '0', // 审核状态
+        groundingStatus: '', // 上架状态
+        valid: '', // 可用状态
+        offset: 1,
+        limit: 20,
+        sort: 'createTime',
+        order: 'desc'
+      }, // 筛选条件
+      columns: [
+        {
+          text: '标题',
+          value: 'kName',
+          align: 'center'
+        },
+        {
+          text: '类别',
+          value: 'kTypeName',
+          align: 'center'
+        },
+        {
+          text: '发布人',
+          value: 'publisherName',
+          align: 'center'
+        },
+        {
+          text: '发布时间',
+          value: 'publishTime',
+          width: 90,
+          align: 'center'
+        },
+        {
+          text: '审核状态',
+          value: 'checkStatusName',
+          align: 'center'
+        },
+        {
+          text: '上架状态',
+          value: 'groundingStatusName',
+          align: 'center'
+        },
+        {
+          text: '可用状态',
+          value: 'validStatusName',
+          align: 'center'
+        },
+        {
+          text: '有效时限',
+          value: 'validPeroid',
+          align: 'center'
+        }
+      ], // 显示列
+      checkStateList: [], // 审核状态
+      groundStateList: [], // 上架状态
+      validStateList: [], // 可用状态
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: true // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      checkedId: '', // 被审核知识id
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchCheckStateList()
+    this.fetchGroundStateList()
+    this.fetchValidList()
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      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': '永久'
+            }
+          ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.kdetail.initDialog(row)
+    },
+    // 添加知识库
+    add(row) {
+      this.$refs.checkdialog.initDialog('create', true)
+    },
+    // 编辑
+    check(row) {
+      this.checkedId = row.kId
+      this.$refs.simpledialog.initDialog()
+    },
+    // 点击上架，打开上架弹窗
+    goGround() {
+      if (this.checkSelection()) {
+        this.$refs.grounddialog.initDialog()
+      }
+    },
+    // 上架
+    grounding(val) {
+      const list = this.multipleSelection.map(item => item.kId)
+      groundingKnowledge('1', list, val).then(response => {
+        if (response.code === 200) {
+          this.$message.success('上架成功')
+        }
+      })
+    },
+    // 下架
+    ungrounding() {
+      if (this.checkSelection()) {
+        this.$confirm(
+          '确定要下架吗？',
+          '确认操作',
+          {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }
+        ).then(() => {
+          const list = this.multipleSelection.map(item => item.kId)
+          groundingKnowledge('2', list).then(response => {
+            if (response.code === 200) {
+              this.$message.success('下架成功')
+            }
+          })
+        })
+      }
+    },
+    // 处理审核结果
+    handleCheck(type, val) {
+      const params = {
+        id: this.checkedId,
+        checkStatus: '',
+        notes: val
+      }
+      if (type === 'success') {
+        params.checkStatus = '1'
+      } else if (type === 'refuse') {
+        params.checkStatus = '2'
+      }
+      checkKnowledge(params).then(response => {
+        if (response.code === 200) {
+          if (type === 'success') {
+            this.$message.success('审核成功')
+          } else if (type === 'refuse') {
+            this.$message.success('驳回成功')
+          }
+        }
+      })
+    },
+    // 取审核状态列表
+    fetchCheckStateList() {
+      getcheckStatus().then(repsonse => {
+        this.checkStateList = repsonse.data
+      })
+    },
+    // 取上架状态列表
+    fetchGroundStateList() {
+      getGroundStatus().then(repsonse => {
+        this.groundStateList = repsonse.data
+      })
+    },
+    // 取可用状态列表
+    fetchValidList() {
+      getValidStatus().then(repsonse => {
+        this.validStateList = repsonse.data
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 更换类别
+    changeType(typeid) {
+      this.listQuery.type = typeid
+      this.search()
+    },
+    // 多选选中项
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    checkSelection() {
+      if (this.multipleSelection.length === 0) {
+        this.$message.warning('请至少选择一项')
+        return false
+      } else {
+        return true
+      }
+    }
+  }
+}
+</script>

diff --git a/src/api/allDict.js b/src/api/allDict.js
index e73eeb4..25452a2 100644
--- a/src/api/allDict.js
+++ b/src/api/allDict.js
@@ -65,7 +65,7 @@
     params
   })
 }
-// 上报请示处理方式
+// 审核状态
 export function getcheckStatus(params) {
   return request({
     url: '/dict/code/checkStatus',
@@ -73,3 +73,20 @@
     params
   })
 }
+
+// 上架状态
+export function getGroundStatus(params) {
+  return request({
+    url: '/dict/code/groundingState',
+    method: 'get',
+    params
+  })
+}
+// 可用状态
+export function getValidStatus(params) {
+  return request({
+    url: '/dict/code/validState',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/api/knowledge.js b/src/api/knowledge.js
index f290cee..d190bfc 100644
--- a/src/api/knowledge.js
+++ b/src/api/knowledge.js
@@ -1,4 +1,6 @@
 import request from '@/utils/request'
+import qs from 'qs'
+
 /**
  * 知识库
  * */
@@ -13,7 +15,7 @@
 // 知识库列表
 export function knowledgeList(params) {
   return request({
-    url: '/knowledge/listPage',
+    url: '/role/list',
     method: 'get',
     params
   })
@@ -26,3 +28,81 @@
     params
   })
 }
+
+// 添加知识
+export function addKnowledge(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改知识
+export function updateKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 审核知识
+export function checkKnowledge(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 上架知识
+export function groundingKnowledge(type, ids, validPeriod) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params: {
+      groundingStatus: type,
+      ids: ids,
+      validPeriod: validPeriod
+    },
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
+
+// 知识库类别管理接口
+// 获取知识库类别列表
+export function getTypeList(params) {
+  return request({
+    url: 'role/list',
+    method: 'get',
+    params
+  })
+}
+
+// 添加类别
+export function addType(params) {
+  return request({
+    url: 'role/add',
+    method: 'post',
+    params
+  })
+}
+// 修改类别
+export function updateType(params) {
+  return request({
+    url: 'role/update',
+    method: 'post',
+    params
+  })
+}
+// 删除类别
+export function delType(id) {
+  return request({
+    url: 'role/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+
diff --git a/src/router/index.js b/src/router/index.js
index bf14ac6..ecc1a4f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,6 +10,7 @@
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
 import { caseRouters } from './modules/case'
+import { knowledgeRouters } from './modules/knowledge'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -71,6 +72,7 @@
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
   ...caseRouters,
+  ...knowledgeRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/knowledge.js b/src/router/modules/knowledge.js
new file mode 100644
index 0000000..7491a81
--- /dev/null
+++ b/src/router/modules/knowledge.js
@@ -0,0 +1,34 @@
+/* Layout */
+import Layout from '@/layout/Layout'
+export const knowledgeRouters = [{
+  path: 'knowledge',
+  component: Layout,
+  redirect: '/knowledgeManage',
+  name: 'Knowledge',
+  alwaysShow: true,
+  meta: {
+    title: '知识库管理',
+    icon: 'icon-config', // 图标
+    permission: '/knowledgeManage'
+  },
+  children: [
+    {
+      path: '/knowledgeType',
+      name: 'KnowledgeType',
+      component: () => import('@/views/knowledgeManage/kTypeManage'),
+      meta: { title: '类别管理', icon: '', permission: '/knowledge/type' }
+    },
+    {
+      path: '/knowledgeManage',
+      name: 'KnowledgeManage',
+      component: () => import('@/views/knowledgeManage/knowledgeManage'),
+      meta: { title: '知识管理', icon: '', permission: '/knowledge/listPage' }
+    },
+    {
+      path: '/knowledgeCheck',
+      name: 'KnowledgeCheck',
+      component: () => import('@/views/knowledgeManage/knowledgeCheck'),
+      meta: { title: '知识审核', icon: '', permission: '/knowledge/check' }
+    }
+  ]
+}]
diff --git a/src/views/knowledgeManage/components/TypeTree.vue b/src/views/knowledgeManage/components/TypeTree.vue
new file mode 100644
index 0000000..facb992
--- /dev/null
+++ b/src/views/knowledgeManage/components/TypeTree.vue
@@ -0,0 +1,67 @@
+<template>
+  <div>
+    <div style="width:90%;">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>类别</span>
+        </div>
+        <el-tree
+          v-loading= "treeLoading"
+          ref="tree"
+          :data="tree"
+          :props="defaultProps"
+          :default-expand-all="expandAllNode"
+          :expand-on-click-node="expandNodeClick"
+          class="filter-tree"
+          @node-click = "handleNodeClick"
+        />
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getTypeList } from '@/api/knowledge'
+import { toTreeList } from '@/utils/structure'
+export default {
+  name: 'TypeTree',
+  data() {
+    return {
+      tree: null, // 树
+      defaultProps: {
+        children: 'children',
+        label: 'typeName'
+      }, // 配置项
+      treeLoading: false, // 加载状态
+      expandAllNode: true, // 是否展开所有节点
+      expandNodeClick: false // 是否点击展开
+    }
+  },
+  created() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 获取组织结构树
+    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)
+        this.treeLoading = false
+      })
+    },
+    // 点击左侧组织结构项触发
+    handleNodeClick(data) {
+      this.$emit('change', data.id)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/knowledgeManage/components/setTimeDialog.vue b/src/views/knowledgeManage/components/setTimeDialog.vue
new file mode 100644
index 0000000..98eee7a
--- /dev/null
+++ b/src/views/knowledgeManage/components/setTimeDialog.vue
@@ -0,0 +1,114 @@
+<template>
+  <el-dialog :title="title" :visible.sync="dialogFormVisible" width="600px" append-to-body>
+    <el-form ref="dataForm" :model="form" :size="size" label-position="right" label-width="120px">
+      <el-row type="flex" justify="center">
+        <el-col :span="16">
+          <el-form-item label="请选择有效期限" prop="txt">
+            <el-date-picker
+              v-model="form.txt"
+              type="datetime"
+              placeholder="选择时间"
+              clearable/>
+          </el-form-item>
+          <div style="text-align: center">
+            提示：不选表示永久有效
+          </div>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button v-if="showSuccess" type="primary" @click="success">{{ successBtn }}</el-button>
+      <el-button v-if="showRefuse" type="warning" @click="refuse">{{ refuseBtn }}</el-button>
+      <el-button v-if="showCancel" @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'SetTimeDialog',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    }, // 标题
+    placeholder: {
+      type: String,
+      default: ''
+    }, // 占位符
+    reExp: {
+      type: String,
+      default: ''
+    }, // 正则校验
+    errorMessage: {
+      type: String,
+      default: '请选择有效时间'
+    },
+    showSuccess: {
+      type: Boolean,
+      default: true
+    }, // 显示成功按钮
+    showRefuse: {
+      type: Boolean,
+      default: false
+    }, // 显示拒绝按钮
+    showCancel: {
+      type: Boolean,
+      default: true
+    }, // 显示取消按钮
+    successBtn: {
+      type: String,
+      default: '确定'
+    }, // 成功按钮
+    refuseBtn: {
+      type: String,
+      default: '驳回'
+    } // 驳回按钮
+  },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      btnLoading: false, // 保存按钮的加载中状态
+      size: 'small',
+      form: {
+        txt: ''
+      }, // 表单
+    }
+  },
+  methods: {
+    initDialog() {
+      this.dialogFormVisible = true
+      this.resetForm()
+    },
+    // 重置表单
+    resetForm() {
+      this.form.txt = ''
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    // 保存数据
+    success: function() {
+      this.dialogFormVisible = false
+      this.$emit('report', 'success', this.form.txt)
+    },
+    refuse: function() {
+      this.dialogFormVisible = false
+      this.$emit('report', 'refuse', this.form.txt)
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  .el-dialog{
+    width:700px
+  }
+  .dialog-footer{
+    margin-top:-20px;
+  }
+</style>
diff --git a/src/views/knowledgeManage/editKType.vue b/src/views/knowledgeManage/editKType.vue
new file mode 100644
index 0000000..5628a23
--- /dev/null
+++ b/src/views/knowledgeManage/editKType.vue
@@ -0,0 +1,179 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="typeForm" label-position="right" label-width="80px">
+      <el-row type="flex" justify="center">
+        <el-col :span="15">
+          <el-form-item label="类别名称" prop="typeName">
+            <el-input v-model.trim="typeForm.typeName" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row type="flex" justify="center">
+        <el-col :span="15">
+          <el-form-item label="上级" prop="pid">
+            <select-tree v-model="typeForm.pid" :options="typeTreeList" :props="typeProps" />
+          </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 { toTreeList } from '@/utils/structure'
+import DeptSelect from '@/components/DeptSelect'
+import SelectTree from '@/components/SelectTree/singleSelect'
+// import { getDeptTreeList } from '@/api/system/dept'
+import { getTypeList, addType, updateType } from '@/api/knowledge'
+
+export default {
+  name: 'EditKType',
+  components: { SelectTree, DeptSelect },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      btnLoading: false, // 保存按钮的加载中状态
+      typeForm: {
+        id: '', // 编号
+        pid: '', // 父级编号
+        typeName: ''// 类别名
+      }, // 表单
+      typeProps: {
+        parent: 'pid',
+        value: 'id',
+        label: 'typeName',
+        children: 'children'
+      },
+      typeTreeList: [], // 类别树列表数据
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        typeName: [{ required: true, message: '类别名称不能为空', trigger: ['blur', 'change'] }],
+        pid: [{ required: true, message: '父类别必选', trigger: ['blur', 'change'] }]
+      } // 前端校验规则
+    }
+  },
+  created: function() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      this.fetchTypeTree()
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.typeForm = {
+          id: row.id, // 编号
+          pid: row.pid, // 父级编号
+          typeName: row.typeName // 类别名
+        }
+      }
+    },
+    // 加载类别树形下拉菜单
+    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' }
+        ]
+        if (response.data) {
+          this.typeTreeList = toTreeList(response.data, '0')
+          console.log(this.typeTreeList)
+        }
+      })
+    },
+    // 重置表单
+    resetForm() {
+      this.typeForm = {
+        id: '', // 编号
+        pid: '', // 父级编号
+        typeName: ''// 类别名
+      }
+    },
+    // 保存数据
+    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.typeForm)
+        if (valid) {
+          this.btnLoading = true
+          addType(this.typeForm).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                  this.fetchTypeTree()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateType(this.typeForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              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/knowledgeManage/editKnowledge.vue b/src/views/knowledgeManage/editKnowledge.vue
new file mode 100644
index 0000000..8bcb931
--- /dev/null
+++ b/src/views/knowledgeManage/editKnowledge.vue
@@ -0,0 +1,198 @@
+<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-row type="flex" justify="center">
+        <el-col :span="24">
+          <el-form-item label="标题" prop="name">
+            <el-input v-model.trim="knowledgeForm.name" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row type="flex" justify="center">
+        <el-col :span="12">
+          <el-form-item label="关键词" prop="keywords">
+            <el-input v-model.trim="knowledgeForm.keywords" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所属类别" prop="type">
+            <select-tree v-model="knowledgeForm.type" :options="typeTreeList" :props="typeProps" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="知识内容" prop="info">
+            <tinymce v-model="knowledgeForm.info" :height="300"/>
+          </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 { toTreeList } from '@/utils/structure'
+import SelectTree from '@/components/SelectTree/singleSelect'
+// import { getDeptTreeList } from '@/api/system/dept'
+import { getTypeList, addType, updateType } from '@/api/knowledge'
+import Tinymce from '../../components/Tinymce/index'
+
+export default {
+  name: 'EditKnowledge',
+  components: { Tinymce, SelectTree },
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      btnLoading: false, // 保存按钮的加载中状态
+      size:'small',
+      knowledgeForm: {
+        id: '', // 编号
+        type: '', // 父级编号
+        name: '', // 类别名
+        keywords: '', // 关键词
+        info: '' // 内容
+      }, // 表单
+      typeProps: {
+        parent: 'typeName',
+        value: 'id',
+        label: 'name',
+        children: 'children'
+      },
+      typeTreeList: [], // 类别树列表数据
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        name: [{ required: true, message: '标题不能为空', trigger: ['blur', 'change'] }],
+        type: [{ required: true, message: '类别必选', trigger: ['blur', 'change'] }],
+        keywords: [{ required: true, message: '关键词必填', trigger: ['blur', 'change'] }],
+        info: [{ required: true, message: '知识内容必填', trigger: ['blur', 'change'] }]
+      } // 前端校验规则
+    }
+  },
+  created: function() {
+    this.fetchTypeTree()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      this.fetchTypeTree()
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          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
+        }
+      }
+    },
+    // 加载类别树形下拉菜单
+    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' }
+        ]
+        if (response.data) {
+          this.typeTreeList = toTreeList(response.data, '0')
+          console.log(this.typeTreeList)
+        }
+      })
+    },
+    // 重置表单
+    resetForm() {
+      this.knowledgeForm = {
+        id: '', // 编号
+        type: '', // 父级编号
+        name: ''// 类别名
+      }
+    },
+    // 保存数据
+    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.knowledgeForm)
+        if (valid) {
+          this.btnLoading = true
+          addType(this.knowledgeForm).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                  this.fetchTypeTree()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          updateType(this.knowledgeForm).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              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/knowledgeManage/kTypeManage.vue b/src/views/knowledgeManage/kTypeManage.vue
new file mode 100644
index 0000000..333899e
--- /dev/null
+++ b/src/views/knowledgeManage/kTypeManage.vue
@@ -0,0 +1,130 @@
+<template>
+  <div class="app-container">
+    <!--筛选条件-->
+    <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-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>
+      </el-form>
+    </div>
+    <!--查询结果Table显示-->
+    <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>
+        </template>
+      </el-table-column>
+    </tree-table>
+
+    <!--编辑资源的对话框-->
+    <edit-k-type v-show="editShow" ref="editktype" @watchChild="fetchData"/>
+    <!--<edit-role v-show="editShow" ref="editrole" @watchChild="fetchData"/>-->
+
+  </div>
+</template>
+
+<script>
+
+import treeTable from '@/components/TreeTable'
+import { getTypeList, delType } from '@/api/knowledge'
+import { toTreeList } from '@/utils/structure'
+import EditKType from './editKType'
+
+export default {
+  name: 'KTypeManage',
+  components: {
+    EditKType,
+    treeTable
+  },
+  data() {
+    return {
+      listQuery: {
+        keyword: ''
+      },
+      columns: [
+        {
+          text: '类别名称',
+          value: 'typeName'
+        },
+        {
+          text: '所属组织机构',
+          value: 'deptName',
+          width: 150
+        }
+      ],
+      list: [],
+      listLoading: true,
+      dialogFormVisible: false,
+      dialogStatus: '',
+      functionShow: false, // 功能权限配置是否启用
+      dataShow: false, // 数据权限配置是否启用
+      editShow: false // 编辑角色权限是否启用
+    }
+  },
+  computed: {
+    'showOperate': function() { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
+      return (this.hasPerm('/kype/edit') || this.hasPerm('/ktype/delete'))
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    add() {
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editktype.initDialog(this.dialogStatus, true)
+    },
+    edit(row) {
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editktype.initDialog(this.dialogStatus, true, row)
+    },
+    del(row) {
+      this.$confirm(
+        '确定要删除' + row.typeName + '吗？',
+        '确认删除',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delType(row.id).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    search() {
+      this.fetchData()
+    },
+    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' }
+        ]
+        this.list = toTreeList(response.data)
+        this.listLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .treetable{
+    margin-bottom: 50px;
+  }
+</style>
diff --git a/src/views/knowledgeManage/knowledgeCheck.vue b/src/views/knowledgeManage/knowledgeCheck.vue
new file mode 100644
index 0000000..50cd3a1
--- /dev/null
+++ b/src/views/knowledgeManage/knowledgeCheck.vue
@@ -0,0 +1,318 @@
+ <!-- 知识审核 -->
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="5">
+        <type-tree @change="changeType"/>
+      </el-col>
+      <el-col :span="19">
+        <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>
+          <search-item>
+            <el-select v-model="listQuery.checkStatus" placeholder="审核状态" size="small" clearable>
+              <el-option v-for="item in checkStateList" :key="'checkState_'+item.value" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-select v-model="listQuery.groundingStatus" placeholder="上架状态" size="small" clearable>
+              <el-option v-for="item in groundStateList" :key="'ground_'+item.value" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-select v-model="listQuery.valid" placeholder="可用状态" size="small" clearable>
+              <el-option v-for="item in validStateList" :key="'valid_'+item.value" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+        </search-area>
+        <div style="margin-bottom:10px;">
+          <el-row>
+            <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-upload2" @click="goGround">上架</el-button>
+            <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-download" @click="ungrounding">下架</el-button>
+          </el-row>
+        </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"
+          @change="changePage"
+          @select-change="handleSelectionChange">
+          <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="check(scope.row)">审核</el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </el-col>
+    </el-row>
+    <knowledge-detail ref="kdetail"/>
+    <simple-dialog ref="simpledialog" title="审核意见" @report="handleCheck"/>
+    <set-time-dialog ref="grounddialog" title="上架" @report="grounding"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import CaseListTable from '@/views/caseManage/caseCommon/caseListTable'
+import NormalTable from '@/components/NomalTable'
+import { knowledgeList, checkKnowledge, groundingKnowledge } from '@/api/knowledge'
+import { getcheckStatus, getGroundStatus, getValidStatus } from '@/api/allDict'
+import TypeTree from './components/TypeTree'
+import KnowledgeDetail from '../caseManage/components/knowledgeDetail'
+import SimpleDialog from '../../components/SimpleDialog/index'
+import SetTimeDialog from './components/setTimeDialog'
+
+export default {
+  name: 'KnowledgeCheck',
+  components: { SetTimeDialog, SimpleDialog, KnowledgeDetail, TypeTree, AppContainer, SearchArea, SearchItem, CaseListTable, NormalTable },
+  data() {
+    return {
+      list: [],
+      total: 0,
+      timeRange: [], // 申请时间范围
+      listLoading: true, // 列表加载动画
+      multipleSelection: [], // 多选选中项
+      listQuery: {
+        keywords: '', // 关键字
+        type: '', // 类别
+        checkStatus: '0', // 审核状态
+        groundingStatus: '', // 上架状态
+        valid: '', // 可用状态
+        offset: 1,
+        limit: 20,
+        sort: 'createTime',
+        order: 'desc'
+      }, // 筛选条件
+      columns: [
+        {
+          text: '标题',
+          value: 'kName',
+          align: 'center'
+        },
+        {
+          text: '类别',
+          value: 'kTypeName',
+          align: 'center'
+        },
+        {
+          text: '发布人',
+          value: 'publisherName',
+          align: 'center'
+        },
+        {
+          text: '发布时间',
+          value: 'publishTime',
+          width: 90,
+          align: 'center'
+        },
+        {
+          text: '审核状态',
+          value: 'checkStatusName',
+          align: 'center'
+        },
+        {
+          text: '上架状态',
+          value: 'groundingStatusName',
+          align: 'center'
+        },
+        {
+          text: '可用状态',
+          value: 'validStatusName',
+          align: 'center'
+        },
+        {
+          text: '有效时限',
+          value: 'validPeroid',
+          align: 'center'
+        }
+      ], // 显示列
+      checkStateList: [], // 审核状态
+      groundStateList: [], // 上架状态
+      validStateList: [], // 可用状态
+      tableOption: {
+        head: {
+          show: false, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true, // 是否需要序号列
+          needMultipleSelection: true // 需要多选列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false // 是否需要刷新按钮
+        }
+      },
+      checkedId: '', // 被审核知识id
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchCheckStateList()
+    this.fetchGroundStateList()
+    this.fetchValidList()
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      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': '永久'
+            }
+          ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.kdetail.initDialog(row)
+    },
+    // 添加知识库
+    add(row) {
+      this.$refs.checkdialog.initDialog('create', true)
+    },
+    // 编辑
+    check(row) {
+      this.checkedId = row.kId
+      this.$refs.simpledialog.initDialog()
+    },
+    // 点击上架，打开上架弹窗
+    goGround() {
+      if (this.checkSelection()) {
+        this.$refs.grounddialog.initDialog()
+      }
+    },
+    // 上架
+    grounding(val) {
+      const list = this.multipleSelection.map(item => item.kId)
+      groundingKnowledge('1', list, val).then(response => {
+        if (response.code === 200) {
+          this.$message.success('上架成功')
+        }
+      })
+    },
+    // 下架
+    ungrounding() {
+      if (this.checkSelection()) {
+        this.$confirm(
+          '确定要下架吗？',
+          '确认操作',
+          {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }
+        ).then(() => {
+          const list = this.multipleSelection.map(item => item.kId)
+          groundingKnowledge('2', list).then(response => {
+            if (response.code === 200) {
+              this.$message.success('下架成功')
+            }
+          })
+        })
+      }
+    },
+    // 处理审核结果
+    handleCheck(type, val) {
+      const params = {
+        id: this.checkedId,
+        checkStatus: '',
+        notes: val
+      }
+      if (type === 'success') {
+        params.checkStatus = '1'
+      } else if (type === 'refuse') {
+        params.checkStatus = '2'
+      }
+      checkKnowledge(params).then(response => {
+        if (response.code === 200) {
+          if (type === 'success') {
+            this.$message.success('审核成功')
+          } else if (type === 'refuse') {
+            this.$message.success('驳回成功')
+          }
+        }
+      })
+    },
+    // 取审核状态列表
+    fetchCheckStateList() {
+      getcheckStatus().then(repsonse => {
+        this.checkStateList = repsonse.data
+      })
+    },
+    // 取上架状态列表
+    fetchGroundStateList() {
+      getGroundStatus().then(repsonse => {
+        this.groundStateList = repsonse.data
+      })
+    },
+    // 取可用状态列表
+    fetchValidList() {
+      getValidStatus().then(repsonse => {
+        this.validStateList = repsonse.data
+      })
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    },
+    // 更换类别
+    changeType(typeid) {
+      this.listQuery.type = typeid
+      this.search()
+    },
+    // 多选选中项
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    checkSelection() {
+      if (this.multipleSelection.length === 0) {
+        this.$message.warning('请至少选择一项')
+        return false
+      } else {
+        return true
+      }
+    }
+  }
+}
+</script>
diff --git a/src/views/knowledgeManage/knowledgeManage.vue b/src/views/knowledgeManage/knowledgeManage.vue
new file mode 100644
index 0000000..730421f
--- /dev/null
+++ b/src/views/knowledgeManage/knowledgeManage.vue
@@ -0,0 +1,211 @@
+ <!-- 知识管理-->
+<template>
+  <app-container>
+    <el-row type="flex">
+      <el-col :span="5">
+        <type-tree @change="changeType"/>
+      </el-col>
+      <el-col :span="19">
+        <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>
+          <search-item>
+            <el-select v-model="listQuery.checkStatus" placeholder="审核状态" size="small" clearable>
+              <el-option v-for="item in checkStateList" :key="'checkState_'+item.value" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-select v-model="listQuery.groundingStatus" placeholder="上架状态" size="small" clearable>
+              <el-option v-for="item in groundStateList" :key="'ground_'+item.value" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+          <search-item>
+            <el-select v-model="listQuery.valid" placeholder="可用状态" size="small" clearable>
+              <el-option v-for="item in validStateList" :key="'valid_'+item.value" :label="item.name" :value="item.value"/>
+            </el-select>
+          </search-item>
+        </search-area>
+        <div style="margin-bottom:10px;">
+          <el-row>
+            <el-button class="filter-item" style="" size="small" type="primary" icon="el-icon-edit" @click="add">新增</el-button>
+          </el-row>
+        </div>
+        <case-list-table :list-query="listQuery" :list="list" :total="total" :columns="columns" :list-loading="listLoading" common-columns="" @changePage="changePage">
+          <template slot="operations">
+            <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>
+              </template>
+            </el-table-column>
+          </template>
+        </case-list-table>
+      </el-col>
+    </el-row>
+    <edit-knowledge ref="editdialog" @watchChild="fetchData"/>
+    <knowledge-detail ref="kdetail"/>
+  </app-container>
+</template>
+
+<script>
+import AppContainer from '@/components/layout/AppContainer'
+import SearchArea from '@/components/SearchArea/SearchArea'
+import SearchItem from '@/components/SearchArea/SearchItem'
+import CaseListTable from '@/views/caseManage/caseCommon/caseListTable'
+import { knowledgeList } from '@/api/knowledge'
+import { getcheckStatus, getGroundStatus, getValidStatus } from '@/api/allDict'
+import TypeTree from './components/TypeTree'
+import EditKnowledge from './editKnowledge'
+import KnowledgeDetail from '../caseManage/components/knowledgeDetail'
+
+export default {
+  name: 'KnowledgeManage',
+  components: { KnowledgeDetail, EditKnowledge, TypeTree, AppContainer, SearchArea, SearchItem, CaseListTable },
+  data() {
+    return {
+      list: [],
+      total: 0,
+      timeRange: [], // 申请时间范围
+      listLoading: true, // 列表加载动画
+      listQuery: {
+        keywords: '', // 关键字
+        type: '', // 类别
+        checkStatus: '', // 审核状态
+        groundingStatus: '', // 上架状态
+        valid: '', // 可用状态
+        offset: 1,
+        limit: 20,
+        sort: 'createTime',
+        order: 'desc'
+      }, // 筛选条件
+      columns: [
+        {
+          text: '标题',
+          value: 'kName',
+          align: 'center'
+        },
+        {
+          text: '类别',
+          value: 'kTypeName',
+          align: 'center'
+        },
+        {
+          text: '发布人',
+          value: 'publisherName',
+          align: 'center'
+        },
+        {
+          text: '发布时间',
+          value: 'publishTime',
+          width: 90,
+          align: 'center'
+        },
+        {
+          text: '审核状态',
+          value: 'checkStatusName',
+          align: 'center'
+        },
+        {
+          text: '上架状态',
+          value: 'groundingStatusName',
+          align: 'center'
+        },
+        {
+          text: '可用状态',
+          value: 'validStatusName',
+          align: 'center'
+        },
+        {
+          text: '有效时限',
+          value: 'validPeroid',
+          align: 'center'
+        }
+      ], // 显示列
+      checkStateList: [], // 审核状态
+      groundStateList: [], // 上架状态
+      validStateList: [], // 可用状态
+      size: 'small'
+    }
+  },
+  created() {
+    this.fetchCheckStateList()
+    this.fetchGroundStateList()
+    this.fetchValidList()
+    this.fetchData()
+  },
+  methods: {
+    search() {
+      this.fetchData(false)
+    },
+    // 获取数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      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': '永久'
+            }
+          ]
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.listLoading = false
+        }
+      })
+    },
+    detail(row) {
+      this.$refs.kdetail.initDialog(row)
+    },
+    // 添加知识库
+    add(row) {
+      this.$refs.editdialog.initDialog('create', true)
+    },
+    // 编辑
+    edit(row) {
+      this.$refs.editdialog.initDialog('update', true, row)
+    },
+    // 取审核状态列表
+    fetchCheckStateList() {
+      getcheckStatus().then(repsonse => {
+        this.checkStateList = repsonse.data
+      })
+    },
+    // 取上架状态列表
+    fetchGroundStateList() {
+      getGroundStatus().then(repsonse => {
+        this.groundStateList = repsonse.data
+      })
+    },
+    // 取可用状态列表
+    fetchValidList() {
+      getValidStatus().then(repsonse => {
+        this.validStateList = repsonse.data
+      })
+    },
+    // 更换页码等
+    changePage(listQuery) {
+      this.listQuery = listQuery
+      this.fetchData()
+    },
+    // 更换类别
+    changeType(typeid) {
+      this.listQuery.type = typeid
+      this.search()
+    }
+  }
+}
+</script>