diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
new file mode 100644
index 0000000..5d65e23
--- /dev/null
+++ b/src/api/monitor/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      dictId: id
+    }
+  })
+}

diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
new file mode 100644
index 0000000..5d65e23
--- /dev/null
+++ b/src/api/monitor/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      dictId: id
+    }
+  })
+}
diff --git a/src/api/system/dict.js b/src/api/system/dict.js
index 3415b6d..4fbd37f 100644
--- a/src/api/system/dict.js
+++ b/src/api/system/dict.js
@@ -2,6 +2,7 @@
  * 字典接口
  */
 import request from '@/utils/request'
+
 // 字典查询
 export function getDictList(params) {
   return request({
@@ -19,6 +20,7 @@
     params
   })
 }
+
 // 修改字典机构
 export function updateDict(params) {
   return request({
@@ -27,6 +29,7 @@
     params
   })
 }
+
 // 删除字典机构
 export function delDict(id) {
   return request({
@@ -37,3 +40,11 @@
     }
   })
 }
+
+// 根据字典code查询字典
+export function getDictByCode(code) {
+  return request({
+    url: 'dict/code/' + code,
+    method: 'get'
+  })
+}

diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
new file mode 100644
index 0000000..5d65e23
--- /dev/null
+++ b/src/api/monitor/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      dictId: id
+    }
+  })
+}
diff --git a/src/api/system/dict.js b/src/api/system/dict.js
index 3415b6d..4fbd37f 100644
--- a/src/api/system/dict.js
+++ b/src/api/system/dict.js
@@ -2,6 +2,7 @@
  * 字典接口
  */
 import request from '@/utils/request'
+
 // 字典查询
 export function getDictList(params) {
   return request({
@@ -19,6 +20,7 @@
     params
   })
 }
+
 // 修改字典机构
 export function updateDict(params) {
   return request({
@@ -27,6 +29,7 @@
     params
   })
 }
+
 // 删除字典机构
 export function delDict(id) {
   return request({
@@ -37,3 +40,11 @@
     }
   })
 }
+
+// 根据字典code查询字典
+export function getDictByCode(code) {
+  return request({
+    url: 'dict/code/' + code,
+    method: 'get'
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 44cba3b..85189ba 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -9,7 +9,8 @@
 /* Layout */
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
-import { exampleRouters } from './modules/example'
+import { monitorRouters } from './modules/monitor'
+// import { exampleRouters } from './modules/example'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -70,7 +71,8 @@
 // 异步挂载路由
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
-  ...exampleRouters,
+  // ...exampleRouters,
+  ...monitorRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]

diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
new file mode 100644
index 0000000..5d65e23
--- /dev/null
+++ b/src/api/monitor/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      dictId: id
+    }
+  })
+}
diff --git a/src/api/system/dict.js b/src/api/system/dict.js
index 3415b6d..4fbd37f 100644
--- a/src/api/system/dict.js
+++ b/src/api/system/dict.js
@@ -2,6 +2,7 @@
  * 字典接口
  */
 import request from '@/utils/request'
+
 // 字典查询
 export function getDictList(params) {
   return request({
@@ -19,6 +20,7 @@
     params
   })
 }
+
 // 修改字典机构
 export function updateDict(params) {
   return request({
@@ -27,6 +29,7 @@
     params
   })
 }
+
 // 删除字典机构
 export function delDict(id) {
   return request({
@@ -37,3 +40,11 @@
     }
   })
 }
+
+// 根据字典code查询字典
+export function getDictByCode(code) {
+  return request({
+    url: 'dict/code/' + code,
+    method: 'get'
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 44cba3b..85189ba 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -9,7 +9,8 @@
 /* Layout */
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
-import { exampleRouters } from './modules/example'
+import { monitorRouters } from './modules/monitor'
+// import { exampleRouters } from './modules/example'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -70,7 +71,8 @@
 // 异步挂载路由
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
-  ...exampleRouters,
+  // ...exampleRouters,
+  ...monitorRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
new file mode 100644
index 0000000..35d4676
--- /dev/null
+++ b/src/router/modules/monitor.js
@@ -0,0 +1,22 @@
+/* 数据监测路由配置 */
+import Layout from '@/layout/Layout'
+
+export const monitorRouters = [{
+  path: 'monitor',
+  component: Layout,
+  redirect: '/monitor',
+  name: 'monitor',
+  alwaysShow: true,
+  meta: {
+    title: '数据管理',
+    icon: 'icon-config' // 图标
+  },
+  children: [
+    {
+      path: '/exampleTable',
+      name: 'ExampleTable',
+      component: () => import('@/views/view/listView'),
+      meta: { title: '数据集服务', icon: '' }
+    }
+  ]
+}]

diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
new file mode 100644
index 0000000..5d65e23
--- /dev/null
+++ b/src/api/monitor/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      dictId: id
+    }
+  })
+}
diff --git a/src/api/system/dict.js b/src/api/system/dict.js
index 3415b6d..4fbd37f 100644
--- a/src/api/system/dict.js
+++ b/src/api/system/dict.js
@@ -2,6 +2,7 @@
  * 字典接口
  */
 import request from '@/utils/request'
+
 // 字典查询
 export function getDictList(params) {
   return request({
@@ -19,6 +20,7 @@
     params
   })
 }
+
 // 修改字典机构
 export function updateDict(params) {
   return request({
@@ -27,6 +29,7 @@
     params
   })
 }
+
 // 删除字典机构
 export function delDict(id) {
   return request({
@@ -37,3 +40,11 @@
     }
   })
 }
+
+// 根据字典code查询字典
+export function getDictByCode(code) {
+  return request({
+    url: 'dict/code/' + code,
+    method: 'get'
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 44cba3b..85189ba 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -9,7 +9,8 @@
 /* Layout */
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
-import { exampleRouters } from './modules/example'
+import { monitorRouters } from './modules/monitor'
+// import { exampleRouters } from './modules/example'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -70,7 +71,8 @@
 // 异步挂载路由
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
-  ...exampleRouters,
+  // ...exampleRouters,
+  ...monitorRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
new file mode 100644
index 0000000..35d4676
--- /dev/null
+++ b/src/router/modules/monitor.js
@@ -0,0 +1,22 @@
+/* 数据监测路由配置 */
+import Layout from '@/layout/Layout'
+
+export const monitorRouters = [{
+  path: 'monitor',
+  component: Layout,
+  redirect: '/monitor',
+  name: 'monitor',
+  alwaysShow: true,
+  meta: {
+    title: '数据管理',
+    icon: 'icon-config' // 图标
+  },
+  children: [
+    {
+      path: '/exampleTable',
+      name: 'ExampleTable',
+      component: () => import('@/views/view/listView'),
+      meta: { title: '数据集服务', icon: '' }
+    }
+  ]
+}]
diff --git a/src/views/system/user/editUser.vue b/src/views/system/user/editUser.vue
index a9ba171..ea9d5ef 100644
--- a/src/views/system/user/editUser.vue
+++ b/src/views/system/user/editUser.vue
@@ -151,11 +151,11 @@
       sexList: [
         {
           label: '男',
-          value: '0'
+          value: '1'
         },
         {
           label: '女',
-          value: '1'
+          value: '2'
         }
       ],
       textMap: {

diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
new file mode 100644
index 0000000..5d65e23
--- /dev/null
+++ b/src/api/monitor/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      dictId: id
+    }
+  })
+}
diff --git a/src/api/system/dict.js b/src/api/system/dict.js
index 3415b6d..4fbd37f 100644
--- a/src/api/system/dict.js
+++ b/src/api/system/dict.js
@@ -2,6 +2,7 @@
  * 字典接口
  */
 import request from '@/utils/request'
+
 // 字典查询
 export function getDictList(params) {
   return request({
@@ -19,6 +20,7 @@
     params
   })
 }
+
 // 修改字典机构
 export function updateDict(params) {
   return request({
@@ -27,6 +29,7 @@
     params
   })
 }
+
 // 删除字典机构
 export function delDict(id) {
   return request({
@@ -37,3 +40,11 @@
     }
   })
 }
+
+// 根据字典code查询字典
+export function getDictByCode(code) {
+  return request({
+    url: 'dict/code/' + code,
+    method: 'get'
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 44cba3b..85189ba 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -9,7 +9,8 @@
 /* Layout */
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
-import { exampleRouters } from './modules/example'
+import { monitorRouters } from './modules/monitor'
+// import { exampleRouters } from './modules/example'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -70,7 +71,8 @@
 // 异步挂载路由
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
-  ...exampleRouters,
+  // ...exampleRouters,
+  ...monitorRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
new file mode 100644
index 0000000..35d4676
--- /dev/null
+++ b/src/router/modules/monitor.js
@@ -0,0 +1,22 @@
+/* 数据监测路由配置 */
+import Layout from '@/layout/Layout'
+
+export const monitorRouters = [{
+  path: 'monitor',
+  component: Layout,
+  redirect: '/monitor',
+  name: 'monitor',
+  alwaysShow: true,
+  meta: {
+    title: '数据管理',
+    icon: 'icon-config' // 图标
+  },
+  children: [
+    {
+      path: '/exampleTable',
+      name: 'ExampleTable',
+      component: () => import('@/views/view/listView'),
+      meta: { title: '数据集服务', icon: '' }
+    }
+  ]
+}]
diff --git a/src/views/system/user/editUser.vue b/src/views/system/user/editUser.vue
index a9ba171..ea9d5ef 100644
--- a/src/views/system/user/editUser.vue
+++ b/src/views/system/user/editUser.vue
@@ -151,11 +151,11 @@
       sexList: [
         {
           label: '男',
-          value: '0'
+          value: '1'
         },
         {
           label: '女',
-          value: '1'
+          value: '2'
         }
       ],
       textMap: {
diff --git a/src/views/view/editView.vue b/src/views/view/editView.vue
new file mode 100644
index 0000000..26a38e3
--- /dev/null
+++ b/src/views/view/editView.vue
@@ -0,0 +1,230 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="资源编码" prop="viewKey">
+            <el-input v-model.trim="form.viewKey" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标题" prop="title">
+            <el-input v-model.trim="form.title" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="sql内容" prop="sqlContent">
+            <el-input v-model="form.sqlContent" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="限定参数" prop="paramsNum">
+            <el-input v-model.number="form.paramsNum" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="返回类型" prop="resType">
+            <el-select v-model="form.resType" placeholder="请选择">
+              <el-option
+                v-for="item in resTypeDicts"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="请求地址" prop="host">
+            <el-input v-model.trim="form.host" type="text" placeholder="第三方请求地址" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="调用类" prop="ruleClass">
+            <el-input v-model.trim="form.ruleClass" type="text" placeholder="继承AbstractDataHandlerAdapter" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="访问类型" prop="routeType">
+            <el-select v-model="form.routeType" placeholder="请选择">
+              <el-option
+                v-for="item in routeTypeDicts"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </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 { addView, updateView } from '@/api/monitor/view'
+import { getDictByCode } from '@/api/system/dict'
+export default {
+  name: 'EditView',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        id: '',
+        viewKey: '',
+        title: '',
+        sqlContent: '',
+        ruleClass: '',
+        routeType: '',
+        resType: '',
+        paramsNum: ''
+      },
+      btnLoading: false, // 保存按钮的加载中状态
+      multiData: false, // 组织树是否为多级列表
+      deptTreeList: [], // 组织树列表数据
+      resTypeDicts: [], // 资源类型字典集合
+      routeTypeDicts: [], // 访问类型字典集合
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        viewKey: [{ required: true, message: '资源编码不能为空', trigger: ['blur', 'change'] }],
+        title: [{ required: true, message: '标题不能为空', trigger: ['blur', 'change'] }],
+        paramsNum: [{ required: true, message: '请求参数必填', trigger: ['blur', 'change'] }, { type: 'number', message: '必须为数字值' }]
+      } // 前端校验规则
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  mounted: function() {
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.form = {
+          id: row.id,
+          viewKey: row.viewKey,
+          title: row.title,
+          sqlContent: row.sqlContent,
+          ruleClass: row.ruleClass,
+          routeType: row.routeType,
+          resType: row.resType,
+          paramsNum: row.paramsNum
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.form = {
+        id: '',
+        viewKey: '',
+        title: '',
+        sqlContent: '',
+        ruleClass: '',
+        routeType: '',
+        resType: '',
+        paramsNum: ''
+      }
+    },
+    // 获取字典数据
+    fetchData() {
+      // 字典类型加载
+      getDictByCode('viewResType').then(response => {
+        this.resTypeDicts = response.data
+      })
+      getDictByCode('viewRouteType').then(response => {
+        this.routeTypeDicts = response.data
+      })
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          addView(this.form).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).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
+          this.dialogFormVisible = true
+          updateView(this.form).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/monitor/view.js b/src/api/monitor/view.js
new file mode 100644
index 0000000..5d65e23
--- /dev/null
+++ b/src/api/monitor/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      dictId: id
+    }
+  })
+}
diff --git a/src/api/system/dict.js b/src/api/system/dict.js
index 3415b6d..4fbd37f 100644
--- a/src/api/system/dict.js
+++ b/src/api/system/dict.js
@@ -2,6 +2,7 @@
  * 字典接口
  */
 import request from '@/utils/request'
+
 // 字典查询
 export function getDictList(params) {
   return request({
@@ -19,6 +20,7 @@
     params
   })
 }
+
 // 修改字典机构
 export function updateDict(params) {
   return request({
@@ -27,6 +29,7 @@
     params
   })
 }
+
 // 删除字典机构
 export function delDict(id) {
   return request({
@@ -37,3 +40,11 @@
     }
   })
 }
+
+// 根据字典code查询字典
+export function getDictByCode(code) {
+  return request({
+    url: 'dict/code/' + code,
+    method: 'get'
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 44cba3b..85189ba 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -9,7 +9,8 @@
 /* Layout */
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
-import { exampleRouters } from './modules/example'
+import { monitorRouters } from './modules/monitor'
+// import { exampleRouters } from './modules/example'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -70,7 +71,8 @@
 // 异步挂载路由
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
-  ...exampleRouters,
+  // ...exampleRouters,
+  ...monitorRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
new file mode 100644
index 0000000..35d4676
--- /dev/null
+++ b/src/router/modules/monitor.js
@@ -0,0 +1,22 @@
+/* 数据监测路由配置 */
+import Layout from '@/layout/Layout'
+
+export const monitorRouters = [{
+  path: 'monitor',
+  component: Layout,
+  redirect: '/monitor',
+  name: 'monitor',
+  alwaysShow: true,
+  meta: {
+    title: '数据管理',
+    icon: 'icon-config' // 图标
+  },
+  children: [
+    {
+      path: '/exampleTable',
+      name: 'ExampleTable',
+      component: () => import('@/views/view/listView'),
+      meta: { title: '数据集服务', icon: '' }
+    }
+  ]
+}]
diff --git a/src/views/system/user/editUser.vue b/src/views/system/user/editUser.vue
index a9ba171..ea9d5ef 100644
--- a/src/views/system/user/editUser.vue
+++ b/src/views/system/user/editUser.vue
@@ -151,11 +151,11 @@
       sexList: [
         {
           label: '男',
-          value: '0'
+          value: '1'
         },
         {
           label: '女',
-          value: '1'
+          value: '2'
         }
       ],
       textMap: {
diff --git a/src/views/view/editView.vue b/src/views/view/editView.vue
new file mode 100644
index 0000000..26a38e3
--- /dev/null
+++ b/src/views/view/editView.vue
@@ -0,0 +1,230 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="资源编码" prop="viewKey">
+            <el-input v-model.trim="form.viewKey" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标题" prop="title">
+            <el-input v-model.trim="form.title" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="sql内容" prop="sqlContent">
+            <el-input v-model="form.sqlContent" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="限定参数" prop="paramsNum">
+            <el-input v-model.number="form.paramsNum" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="返回类型" prop="resType">
+            <el-select v-model="form.resType" placeholder="请选择">
+              <el-option
+                v-for="item in resTypeDicts"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="请求地址" prop="host">
+            <el-input v-model.trim="form.host" type="text" placeholder="第三方请求地址" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="调用类" prop="ruleClass">
+            <el-input v-model.trim="form.ruleClass" type="text" placeholder="继承AbstractDataHandlerAdapter" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="访问类型" prop="routeType">
+            <el-select v-model="form.routeType" placeholder="请选择">
+              <el-option
+                v-for="item in routeTypeDicts"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </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 { addView, updateView } from '@/api/monitor/view'
+import { getDictByCode } from '@/api/system/dict'
+export default {
+  name: 'EditView',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        id: '',
+        viewKey: '',
+        title: '',
+        sqlContent: '',
+        ruleClass: '',
+        routeType: '',
+        resType: '',
+        paramsNum: ''
+      },
+      btnLoading: false, // 保存按钮的加载中状态
+      multiData: false, // 组织树是否为多级列表
+      deptTreeList: [], // 组织树列表数据
+      resTypeDicts: [], // 资源类型字典集合
+      routeTypeDicts: [], // 访问类型字典集合
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        viewKey: [{ required: true, message: '资源编码不能为空', trigger: ['blur', 'change'] }],
+        title: [{ required: true, message: '标题不能为空', trigger: ['blur', 'change'] }],
+        paramsNum: [{ required: true, message: '请求参数必填', trigger: ['blur', 'change'] }, { type: 'number', message: '必须为数字值' }]
+      } // 前端校验规则
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  mounted: function() {
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.form = {
+          id: row.id,
+          viewKey: row.viewKey,
+          title: row.title,
+          sqlContent: row.sqlContent,
+          ruleClass: row.ruleClass,
+          routeType: row.routeType,
+          resType: row.resType,
+          paramsNum: row.paramsNum
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.form = {
+        id: '',
+        viewKey: '',
+        title: '',
+        sqlContent: '',
+        ruleClass: '',
+        routeType: '',
+        resType: '',
+        paramsNum: ''
+      }
+    },
+    // 获取字典数据
+    fetchData() {
+      // 字典类型加载
+      getDictByCode('viewResType').then(response => {
+        this.resTypeDicts = response.data
+      })
+      getDictByCode('viewRouteType').then(response => {
+        this.routeTypeDicts = response.data
+      })
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          addView(this.form).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).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
+          this.dialogFormVisible = true
+          updateView(this.form).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/view/listView.vue b/src/views/view/listView.vue
new file mode 100644
index 0000000..087485c
--- /dev/null
+++ b/src/views/view/listView.vue
@@ -0,0 +1,183 @@
+<template>
+  <app-container>
+    <!--筛选条件-->
+    <search-area size="small" @search="search">
+      <search-item>
+        <el-input v-model.trim="listQuery.condition" size="small" placeholder="资源标识/标题" clearable/>
+      </search-item>
+    </search-area>
+    <!--查询结果Table显示-->
+    <normal-table :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="listLoading" @change="changePage">
+      <template slot="btns">
+        <el-button v-if="hasPerm('/view/add')" size="small" icon="el-icon-plus" @click="add">新增</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column
+          label="数据类型"
+          prop="routeType"
+          align="center">
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag v-if="scope.row.routeType==2" size="medium">接口</el-tag>
+              <el-tag v-else size="medium" type="success">资源库</el-tag>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column v-if="showOperate" label="操作" width="160" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="hasPerm('/dict/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
+            <el-button v-if="hasPerm('/dict/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-config v-show="dialogFormVisible" ref="editConfig" @watchChild="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import { getViewListPage, delView } from '@/api/monitor/view'
+import editConfig from './editView'
+
+export default {
+  name: 'ListConfig',
+  components: { editConfig },
+  data() {
+    return {
+      listQuery: {
+        condition: '',
+        offset: 1,
+        limit: 20,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '资源标识',
+          value: 'viewKey',
+          align: 'center'
+        }, {
+          text: '标题',
+          value: 'title',
+          align: 'center'
+        },
+        {
+          text: '限定参数(个)',
+          value: 'paramsNum',
+          align: 'center'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
+      fullscreenLoading: false, // 全屏加载动画
+      dialogFormVisible: false // 是否显示编辑框
+    }
+  },
+  computed: {
+    'showOperate': function(row) { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
+      return this.hasPerm('/dict/update') || this.hasPerm('/dict/delete')
+    }
+  },
+  created() {
+    this.fetchData()// 获取数据
+  },
+  activated() {
+    this.fetchData()// 获取数据
+  },
+  methods: {
+    // 打开详情对话框
+    detail(row) {
+      this.$refs.detailwell.initDialog(true, row)
+    },
+    // 新增字典
+    add() {
+      this.dialogFormVisible = true
+      this.$refs.editConfig.initDialog('create', this.dialogFormVisible)
+    },
+    // 编辑字典信息
+    edit(row) {
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editConfig.initDialog('update', this.dialogFormVisible, row)
+    },
+    // 删除字典
+    del(row) {
+      this.$confirm(
+        '确定要删除字典吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delView(row.id).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 查询数据
+    search() {
+      this.fetchData(false)
+    },
+    // 获取字典数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      getViewListPage(this.listQuery).then(response => {
+        this.list = response.data.rows
+        this.total = parseInt(response.data.total)
+        this.listLoading = false
+      })
+    },
+    indexMethod(index) {
+      return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .pagination-container{
+    margin-bottom: 50px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+  .edit_btns{
+    .edit_btn{
+      float:right;
+      margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
+    }
+  }
+</style>

diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
new file mode 100644
index 0000000..5d65e23
--- /dev/null
+++ b/src/api/monitor/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      dictId: id
+    }
+  })
+}
diff --git a/src/api/system/dict.js b/src/api/system/dict.js
index 3415b6d..4fbd37f 100644
--- a/src/api/system/dict.js
+++ b/src/api/system/dict.js
@@ -2,6 +2,7 @@
  * 字典接口
  */
 import request from '@/utils/request'
+
 // 字典查询
 export function getDictList(params) {
   return request({
@@ -19,6 +20,7 @@
     params
   })
 }
+
 // 修改字典机构
 export function updateDict(params) {
   return request({
@@ -27,6 +29,7 @@
     params
   })
 }
+
 // 删除字典机构
 export function delDict(id) {
   return request({
@@ -37,3 +40,11 @@
     }
   })
 }
+
+// 根据字典code查询字典
+export function getDictByCode(code) {
+  return request({
+    url: 'dict/code/' + code,
+    method: 'get'
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 44cba3b..85189ba 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -9,7 +9,8 @@
 /* Layout */
 import Layout from '@/layout/Layout'
 import { systemRouters } from './modules/system'
-import { exampleRouters } from './modules/example'
+import { monitorRouters } from './modules/monitor'
+// import { exampleRouters } from './modules/example'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -70,7 +71,8 @@
 // 异步挂载路由
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
-  ...exampleRouters,
+  // ...exampleRouters,
+  ...monitorRouters,
   ...systemRouters,
   { path: '*', redirect: '/404', hidden: true }
 ]
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
new file mode 100644
index 0000000..35d4676
--- /dev/null
+++ b/src/router/modules/monitor.js
@@ -0,0 +1,22 @@
+/* 数据监测路由配置 */
+import Layout from '@/layout/Layout'
+
+export const monitorRouters = [{
+  path: 'monitor',
+  component: Layout,
+  redirect: '/monitor',
+  name: 'monitor',
+  alwaysShow: true,
+  meta: {
+    title: '数据管理',
+    icon: 'icon-config' // 图标
+  },
+  children: [
+    {
+      path: '/exampleTable',
+      name: 'ExampleTable',
+      component: () => import('@/views/view/listView'),
+      meta: { title: '数据集服务', icon: '' }
+    }
+  ]
+}]
diff --git a/src/views/system/user/editUser.vue b/src/views/system/user/editUser.vue
index a9ba171..ea9d5ef 100644
--- a/src/views/system/user/editUser.vue
+++ b/src/views/system/user/editUser.vue
@@ -151,11 +151,11 @@
       sexList: [
         {
           label: '男',
-          value: '0'
+          value: '1'
         },
         {
           label: '女',
-          value: '1'
+          value: '2'
         }
       ],
       textMap: {
diff --git a/src/views/view/editView.vue b/src/views/view/editView.vue
new file mode 100644
index 0000000..26a38e3
--- /dev/null
+++ b/src/views/view/editView.vue
@@ -0,0 +1,230 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="资源编码" prop="viewKey">
+            <el-input v-model.trim="form.viewKey" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标题" prop="title">
+            <el-input v-model.trim="form.title" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="sql内容" prop="sqlContent">
+            <el-input v-model="form.sqlContent" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="限定参数" prop="paramsNum">
+            <el-input v-model.number="form.paramsNum" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="返回类型" prop="resType">
+            <el-select v-model="form.resType" placeholder="请选择">
+              <el-option
+                v-for="item in resTypeDicts"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="请求地址" prop="host">
+            <el-input v-model.trim="form.host" type="text" placeholder="第三方请求地址" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="调用类" prop="ruleClass">
+            <el-input v-model.trim="form.ruleClass" type="text" placeholder="继承AbstractDataHandlerAdapter" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="访问类型" prop="routeType">
+            <el-select v-model="form.routeType" placeholder="请选择">
+              <el-option
+                v-for="item in routeTypeDicts"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"/>
+            </el-select>
+          </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 { addView, updateView } from '@/api/monitor/view'
+import { getDictByCode } from '@/api/system/dict'
+export default {
+  name: 'EditView',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        id: '',
+        viewKey: '',
+        title: '',
+        sqlContent: '',
+        ruleClass: '',
+        routeType: '',
+        resType: '',
+        paramsNum: ''
+      },
+      btnLoading: false, // 保存按钮的加载中状态
+      multiData: false, // 组织树是否为多级列表
+      deptTreeList: [], // 组织树列表数据
+      resTypeDicts: [], // 资源类型字典集合
+      routeTypeDicts: [], // 访问类型字典集合
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        viewKey: [{ required: true, message: '资源编码不能为空', trigger: ['blur', 'change'] }],
+        title: [{ required: true, message: '标题不能为空', trigger: ['blur', 'change'] }],
+        paramsNum: [{ required: true, message: '请求参数必填', trigger: ['blur', 'change'] }, { type: 'number', message: '必须为数字值' }]
+      } // 前端校验规则
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  mounted: function() {
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.form = {
+          id: row.id,
+          viewKey: row.viewKey,
+          title: row.title,
+          sqlContent: row.sqlContent,
+          ruleClass: row.ruleClass,
+          routeType: row.routeType,
+          resType: row.resType,
+          paramsNum: row.paramsNum
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.form = {
+        id: '',
+        viewKey: '',
+        title: '',
+        sqlContent: '',
+        ruleClass: '',
+        routeType: '',
+        resType: '',
+        paramsNum: ''
+      }
+    },
+    // 获取字典数据
+    fetchData() {
+      // 字典类型加载
+      getDictByCode('viewResType').then(response => {
+        this.resTypeDicts = response.data
+      })
+      getDictByCode('viewRouteType').then(response => {
+        this.routeTypeDicts = response.data
+      })
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          addView(this.form).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).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
+          this.dialogFormVisible = true
+          updateView(this.form).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/view/listView.vue b/src/views/view/listView.vue
new file mode 100644
index 0000000..087485c
--- /dev/null
+++ b/src/views/view/listView.vue
@@ -0,0 +1,183 @@
+<template>
+  <app-container>
+    <!--筛选条件-->
+    <search-area size="small" @search="search">
+      <search-item>
+        <el-input v-model.trim="listQuery.condition" size="small" placeholder="资源标识/标题" clearable/>
+      </search-item>
+    </search-area>
+    <!--查询结果Table显示-->
+    <normal-table :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="listLoading" @change="changePage">
+      <template slot="btns">
+        <el-button v-if="hasPerm('/view/add')" size="small" icon="el-icon-plus" @click="add">新增</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column
+          label="数据类型"
+          prop="routeType"
+          align="center">
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag v-if="scope.row.routeType==2" size="medium">接口</el-tag>
+              <el-tag v-else size="medium" type="success">资源库</el-tag>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column v-if="showOperate" label="操作" width="160" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="hasPerm('/dict/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
+            <el-button v-if="hasPerm('/dict/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-config v-show="dialogFormVisible" ref="editConfig" @watchChild="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import { getViewListPage, delView } from '@/api/monitor/view'
+import editConfig from './editView'
+
+export default {
+  name: 'ListConfig',
+  components: { editConfig },
+  data() {
+    return {
+      listQuery: {
+        condition: '',
+        offset: 1,
+        limit: 20,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      columns: [
+        {
+          text: '资源标识',
+          value: 'viewKey',
+          align: 'center'
+        }, {
+          text: '标题',
+          value: 'title',
+          align: 'center'
+        },
+        {
+          text: '限定参数(个)',
+          value: 'paramsNum',
+          align: 'center'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
+      fullscreenLoading: false, // 全屏加载动画
+      dialogFormVisible: false // 是否显示编辑框
+    }
+  },
+  computed: {
+    'showOperate': function(row) { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
+      return this.hasPerm('/dict/update') || this.hasPerm('/dict/delete')
+    }
+  },
+  created() {
+    this.fetchData()// 获取数据
+  },
+  activated() {
+    this.fetchData()// 获取数据
+  },
+  methods: {
+    // 打开详情对话框
+    detail(row) {
+      this.$refs.detailwell.initDialog(true, row)
+    },
+    // 新增字典
+    add() {
+      this.dialogFormVisible = true
+      this.$refs.editConfig.initDialog('create', this.dialogFormVisible)
+    },
+    // 编辑字典信息
+    edit(row) {
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editConfig.initDialog('update', this.dialogFormVisible, row)
+    },
+    // 删除字典
+    del(row) {
+      this.$confirm(
+        '确定要删除字典吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        delView(row.id).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 查询数据
+    search() {
+      this.fetchData(false)
+    },
+    // 获取字典数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      getViewListPage(this.listQuery).then(response => {
+        this.list = response.data.rows
+        this.total = parseInt(response.data.total)
+        this.listLoading = false
+      })
+    },
+    indexMethod(index) {
+      return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .pagination-container{
+    margin-bottom: 50px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+  .edit_btns{
+    .edit_btn{
+      float:right;
+      margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
+    }
+  }
+</style>
diff --git a/static/project.config.json b/static/project.config.json
index 0351181..5d2d09f 100644
--- a/static/project.config.json
+++ b/static/project.config.json
@@ -1,7 +1,7 @@
 {
   "title": "基础资源系统",
-  "baseUrl": "http://localhost:11414/",
-  "mainPage": "http://111.198.10.15:11404/dcms/",
+  "baseUrl": "http://localhost:8081/",
+  "mainPage": "http://11.100.6.149:8080/monitor/",
   "singleSys": true,
   "city":"崇仁县",
   "mapUrl":"https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8",