diff --git a/src/router/index.js b/src/router/index.js
index 6c81d9b..a29418b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -45,6 +45,9 @@
   { path: '/bottom', component: () => import('@/views/popup/bottom'), hidden: true },
   { path: '/floor', component: () => import('@/views/popup/floor'), hidden: true },
   { path: '/board', component: () => import('@/views/popup/board'), hidden: true },
+  // { path: '/messageList', component: () => import('@/views/backstage/messageList'), hidden: true },
+  // { path: '/personList', component: () => import('@/views/backstage/personList'), hidden: true },
+  // { path: '/visitList', component: () => import('@/views/backstage/visitList'), hidden: true },
   { path: '/device/pop', component: () => import('@/views/popup/device'), hidden: true },
 
   { path: '/case/pop', component: () => import('@/views/popup/case'), hidden: true },

diff --git a/src/router/index.js b/src/router/index.js
index 6c81d9b..a29418b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -45,6 +45,9 @@
   { path: '/bottom', component: () => import('@/views/popup/bottom'), hidden: true },
   { path: '/floor', component: () => import('@/views/popup/floor'), hidden: true },
   { path: '/board', component: () => import('@/views/popup/board'), hidden: true },
+  // { path: '/messageList', component: () => import('@/views/backstage/messageList'), hidden: true },
+  // { path: '/personList', component: () => import('@/views/backstage/personList'), hidden: true },
+  // { path: '/visitList', component: () => import('@/views/backstage/visitList'), hidden: true },
   { path: '/device/pop', component: () => import('@/views/popup/device'), hidden: true },
 
   { path: '/case/pop', component: () => import('@/views/popup/case'), hidden: true },
diff --git a/src/router/modules/menu.js b/src/router/modules/menu.js
index 9292a60..907a6ea 100644
--- a/src/router/modules/menu.js
+++ b/src/router/modules/menu.js
@@ -15,7 +15,7 @@
         path: '/caseList',
         name: 'CaseList',
         component: () => import('@/views/case/caseList'),
-        meta: { title: '安防事件管理', icon: ''}
+        meta: { title: '安防事件管理', icon: '' }
       },
       {
         path: '/caseLevelList',
@@ -263,6 +263,36 @@
         meta: { title: '能源数据', icon: '' }
       }
     ]
+  },
+  {
+    path: 'backstage',
+    component: Layout,
+    redirect: '/backstage',
+    name: 'Backstage',
+    meta: {
+      title: '',
+      icon: 'icon-config' // 图标
+    },
+    children: [
+      {
+        path: '/messageList',
+        name: 'MessageList',
+        component: () => import('@/views/backstage/messageList'),
+        meta: { title: '消息后台', icon: '' }
+      },
+      {
+        path: '/personList',
+        name: 'PersonList',
+        component: () => import('@/views/backstage/personList'),
+        meta: { title: '人员管理后台', icon: '' }
+      },
+      {
+        path: '/visitAdmin',
+        name: 'VisitList',
+        component: () => import('@/views/backstage/visitList'),
+        meta: { title: '访客申请后台', icon: '' }
+      }
+    ]
   }
   // {
   //   path: 'security',

diff --git a/src/router/index.js b/src/router/index.js
index 6c81d9b..a29418b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -45,6 +45,9 @@
   { path: '/bottom', component: () => import('@/views/popup/bottom'), hidden: true },
   { path: '/floor', component: () => import('@/views/popup/floor'), hidden: true },
   { path: '/board', component: () => import('@/views/popup/board'), hidden: true },
+  // { path: '/messageList', component: () => import('@/views/backstage/messageList'), hidden: true },
+  // { path: '/personList', component: () => import('@/views/backstage/personList'), hidden: true },
+  // { path: '/visitList', component: () => import('@/views/backstage/visitList'), hidden: true },
   { path: '/device/pop', component: () => import('@/views/popup/device'), hidden: true },
 
   { path: '/case/pop', component: () => import('@/views/popup/case'), hidden: true },
diff --git a/src/router/modules/menu.js b/src/router/modules/menu.js
index 9292a60..907a6ea 100644
--- a/src/router/modules/menu.js
+++ b/src/router/modules/menu.js
@@ -15,7 +15,7 @@
         path: '/caseList',
         name: 'CaseList',
         component: () => import('@/views/case/caseList'),
-        meta: { title: '安防事件管理', icon: ''}
+        meta: { title: '安防事件管理', icon: '' }
       },
       {
         path: '/caseLevelList',
@@ -263,6 +263,36 @@
         meta: { title: '能源数据', icon: '' }
       }
     ]
+  },
+  {
+    path: 'backstage',
+    component: Layout,
+    redirect: '/backstage',
+    name: 'Backstage',
+    meta: {
+      title: '',
+      icon: 'icon-config' // 图标
+    },
+    children: [
+      {
+        path: '/messageList',
+        name: 'MessageList',
+        component: () => import('@/views/backstage/messageList'),
+        meta: { title: '消息后台', icon: '' }
+      },
+      {
+        path: '/personList',
+        name: 'PersonList',
+        component: () => import('@/views/backstage/personList'),
+        meta: { title: '人员管理后台', icon: '' }
+      },
+      {
+        path: '/visitAdmin',
+        name: 'VisitList',
+        component: () => import('@/views/backstage/visitList'),
+        meta: { title: '访客申请后台', icon: '' }
+      }
+    ]
   }
   // {
   //   path: 'security',
diff --git a/src/router/modules/menu0.js b/src/router/modules/menu0.js
index dc2d4fd..3a62b17 100644
--- a/src/router/modules/menu0.js
+++ b/src/router/modules/menu0.js
@@ -273,6 +273,37 @@
         meta: { title: '能源数据', icon: '', permission: ['/energy/list'] }
       }
     ]
+  },
+  {
+    path: 'backstage',
+    component: Layout,
+    redirect: '/backstage',
+    name: 'Backstage',
+    meta: {
+      title: '',
+      // permission: ['/asset'], // 权限名称
+      icon: 'icon-config' // 图标
+    },
+    children: [
+      {
+        path: '/messageList',
+        name: 'MessageList',
+        component: () => import('@/views/backstage/messageList'),
+        meta: { title: '消息后台', icon: '', permission: [''] }
+      },
+      {
+        path: '/personList',
+        name: 'PersonList',
+        component: () => import('@/views/backstage/personList'),
+        meta: { title: '人员管理后台', icon: '', permission: [''] }
+      },
+      {
+        path: '/visitList',
+        name: 'VisitList',
+        component: () => import('@/views/backstage/visitList'),
+        meta: { title: '访客申请后台', icon: '', permission: [''] }
+      }
+    ]
   }
   // {
   //   path: 'security',

diff --git a/src/router/index.js b/src/router/index.js
index 6c81d9b..a29418b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -45,6 +45,9 @@
   { path: '/bottom', component: () => import('@/views/popup/bottom'), hidden: true },
   { path: '/floor', component: () => import('@/views/popup/floor'), hidden: true },
   { path: '/board', component: () => import('@/views/popup/board'), hidden: true },
+  // { path: '/messageList', component: () => import('@/views/backstage/messageList'), hidden: true },
+  // { path: '/personList', component: () => import('@/views/backstage/personList'), hidden: true },
+  // { path: '/visitList', component: () => import('@/views/backstage/visitList'), hidden: true },
   { path: '/device/pop', component: () => import('@/views/popup/device'), hidden: true },
 
   { path: '/case/pop', component: () => import('@/views/popup/case'), hidden: true },
diff --git a/src/router/modules/menu.js b/src/router/modules/menu.js
index 9292a60..907a6ea 100644
--- a/src/router/modules/menu.js
+++ b/src/router/modules/menu.js
@@ -15,7 +15,7 @@
         path: '/caseList',
         name: 'CaseList',
         component: () => import('@/views/case/caseList'),
-        meta: { title: '安防事件管理', icon: ''}
+        meta: { title: '安防事件管理', icon: '' }
       },
       {
         path: '/caseLevelList',
@@ -263,6 +263,36 @@
         meta: { title: '能源数据', icon: '' }
       }
     ]
+  },
+  {
+    path: 'backstage',
+    component: Layout,
+    redirect: '/backstage',
+    name: 'Backstage',
+    meta: {
+      title: '',
+      icon: 'icon-config' // 图标
+    },
+    children: [
+      {
+        path: '/messageList',
+        name: 'MessageList',
+        component: () => import('@/views/backstage/messageList'),
+        meta: { title: '消息后台', icon: '' }
+      },
+      {
+        path: '/personList',
+        name: 'PersonList',
+        component: () => import('@/views/backstage/personList'),
+        meta: { title: '人员管理后台', icon: '' }
+      },
+      {
+        path: '/visitAdmin',
+        name: 'VisitList',
+        component: () => import('@/views/backstage/visitList'),
+        meta: { title: '访客申请后台', icon: '' }
+      }
+    ]
   }
   // {
   //   path: 'security',
diff --git a/src/router/modules/menu0.js b/src/router/modules/menu0.js
index dc2d4fd..3a62b17 100644
--- a/src/router/modules/menu0.js
+++ b/src/router/modules/menu0.js
@@ -273,6 +273,37 @@
         meta: { title: '能源数据', icon: '', permission: ['/energy/list'] }
       }
     ]
+  },
+  {
+    path: 'backstage',
+    component: Layout,
+    redirect: '/backstage',
+    name: 'Backstage',
+    meta: {
+      title: '',
+      // permission: ['/asset'], // 权限名称
+      icon: 'icon-config' // 图标
+    },
+    children: [
+      {
+        path: '/messageList',
+        name: 'MessageList',
+        component: () => import('@/views/backstage/messageList'),
+        meta: { title: '消息后台', icon: '', permission: [''] }
+      },
+      {
+        path: '/personList',
+        name: 'PersonList',
+        component: () => import('@/views/backstage/personList'),
+        meta: { title: '人员管理后台', icon: '', permission: [''] }
+      },
+      {
+        path: '/visitList',
+        name: 'VisitList',
+        component: () => import('@/views/backstage/visitList'),
+        meta: { title: '访客申请后台', icon: '', permission: [''] }
+      }
+    ]
   }
   // {
   //   path: 'security',
diff --git a/src/views/backstage/messageList.vue b/src/views/backstage/messageList.vue
new file mode 100644
index 0000000..b679470
--- /dev/null
+++ b/src/views/backstage/messageList.vue
@@ -0,0 +1,156 @@
+<template>
+  <app-container>
+    <search-area
+      :need-clear="true"
+      :need-search-more="false"
+      type="seperate"
+      size="small"
+      search-more-type="default"
+      @search="fetchData(false)"
+      @clear="clearInput">
+      <!--一般查询条件-->
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入消息编号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入消息标题" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.status" size="small" placeholder="是否已在小程序注册" style="width: 200px" clearable @change="fetchData(false)">
+          <el-option
+            v-for="item in statusList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item style="width:235px">
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入接收人员工号/姓名/手机号" />
+      </search-item>
+      <search-item style="width:235px">
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入发送人账号/姓名/手机号" />
+      </search-item>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption"
+      size="small"
+      @change="changePage"
+      @selectionChange="handleSelectionChange">
+      <template slot="btns">
+        <el-button size="small" class="edit_btn" icon="el-icon-download" @click="exportFile()">
+          导出
+        </el-button>
+      </template>
+    </normal-table>
+  </app-container>
+</template>
+
+<script>
+export default {
+  name: 'DeviceList',
+  data() {
+    return {
+      listQuery: {
+        user: '',
+        offset: 1,
+        limit: 20
+      }, // 筛选条件
+      statusList: [],
+      columns: [
+        {
+          text: '设备号',
+          value: 'devCode',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '设备名称',
+          value: 'devName',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '设备IP',
+          value: 'ip',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '设备类型',
+          value: 'devTypeName',
+          align: 'center',
+          width: 120
+        },
+        {
+          text: '设备状态',
+          value: 'statusName',
+          align: 'center',
+          width: 90
+        },
+        {
+          text: '所在区域',
+          value: 'positionName',
+          align: 'center'
+        },
+        {
+          text: '楼层',
+          value: 'areaName',
+          align: 'center'
+        },
+        {
+          text: '是否为重点区域',
+          value: 'isKeyAreaName',
+          align: 'center'
+        },
+        {
+          text: '安装时间',
+          value: 'installTime',
+          align: 'center',
+          width: 150
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: true, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false, // 是否需要刷新按钮
+          needCheckBox: true
+        }
+      } // 表格属性
+    }
+  },
+  created() {
+    this.listLoading = false
+  },
+  methods: {
+    // 获取
+    fetchData() {
+
+    },
+    // 导出
+    exportFile() {
+
+    }
+  }
+}
+</script>
+
+<style scoped></style>

diff --git a/src/router/index.js b/src/router/index.js
index 6c81d9b..a29418b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -45,6 +45,9 @@
   { path: '/bottom', component: () => import('@/views/popup/bottom'), hidden: true },
   { path: '/floor', component: () => import('@/views/popup/floor'), hidden: true },
   { path: '/board', component: () => import('@/views/popup/board'), hidden: true },
+  // { path: '/messageList', component: () => import('@/views/backstage/messageList'), hidden: true },
+  // { path: '/personList', component: () => import('@/views/backstage/personList'), hidden: true },
+  // { path: '/visitList', component: () => import('@/views/backstage/visitList'), hidden: true },
   { path: '/device/pop', component: () => import('@/views/popup/device'), hidden: true },
 
   { path: '/case/pop', component: () => import('@/views/popup/case'), hidden: true },
diff --git a/src/router/modules/menu.js b/src/router/modules/menu.js
index 9292a60..907a6ea 100644
--- a/src/router/modules/menu.js
+++ b/src/router/modules/menu.js
@@ -15,7 +15,7 @@
         path: '/caseList',
         name: 'CaseList',
         component: () => import('@/views/case/caseList'),
-        meta: { title: '安防事件管理', icon: ''}
+        meta: { title: '安防事件管理', icon: '' }
       },
       {
         path: '/caseLevelList',
@@ -263,6 +263,36 @@
         meta: { title: '能源数据', icon: '' }
       }
     ]
+  },
+  {
+    path: 'backstage',
+    component: Layout,
+    redirect: '/backstage',
+    name: 'Backstage',
+    meta: {
+      title: '',
+      icon: 'icon-config' // 图标
+    },
+    children: [
+      {
+        path: '/messageList',
+        name: 'MessageList',
+        component: () => import('@/views/backstage/messageList'),
+        meta: { title: '消息后台', icon: '' }
+      },
+      {
+        path: '/personList',
+        name: 'PersonList',
+        component: () => import('@/views/backstage/personList'),
+        meta: { title: '人员管理后台', icon: '' }
+      },
+      {
+        path: '/visitAdmin',
+        name: 'VisitList',
+        component: () => import('@/views/backstage/visitList'),
+        meta: { title: '访客申请后台', icon: '' }
+      }
+    ]
   }
   // {
   //   path: 'security',
diff --git a/src/router/modules/menu0.js b/src/router/modules/menu0.js
index dc2d4fd..3a62b17 100644
--- a/src/router/modules/menu0.js
+++ b/src/router/modules/menu0.js
@@ -273,6 +273,37 @@
         meta: { title: '能源数据', icon: '', permission: ['/energy/list'] }
       }
     ]
+  },
+  {
+    path: 'backstage',
+    component: Layout,
+    redirect: '/backstage',
+    name: 'Backstage',
+    meta: {
+      title: '',
+      // permission: ['/asset'], // 权限名称
+      icon: 'icon-config' // 图标
+    },
+    children: [
+      {
+        path: '/messageList',
+        name: 'MessageList',
+        component: () => import('@/views/backstage/messageList'),
+        meta: { title: '消息后台', icon: '', permission: [''] }
+      },
+      {
+        path: '/personList',
+        name: 'PersonList',
+        component: () => import('@/views/backstage/personList'),
+        meta: { title: '人员管理后台', icon: '', permission: [''] }
+      },
+      {
+        path: '/visitList',
+        name: 'VisitList',
+        component: () => import('@/views/backstage/visitList'),
+        meta: { title: '访客申请后台', icon: '', permission: [''] }
+      }
+    ]
   }
   // {
   //   path: 'security',
diff --git a/src/views/backstage/messageList.vue b/src/views/backstage/messageList.vue
new file mode 100644
index 0000000..b679470
--- /dev/null
+++ b/src/views/backstage/messageList.vue
@@ -0,0 +1,156 @@
+<template>
+  <app-container>
+    <search-area
+      :need-clear="true"
+      :need-search-more="false"
+      type="seperate"
+      size="small"
+      search-more-type="default"
+      @search="fetchData(false)"
+      @clear="clearInput">
+      <!--一般查询条件-->
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入消息编号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入消息标题" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.status" size="small" placeholder="是否已在小程序注册" style="width: 200px" clearable @change="fetchData(false)">
+          <el-option
+            v-for="item in statusList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item style="width:235px">
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入接收人员工号/姓名/手机号" />
+      </search-item>
+      <search-item style="width:235px">
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入发送人账号/姓名/手机号" />
+      </search-item>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption"
+      size="small"
+      @change="changePage"
+      @selectionChange="handleSelectionChange">
+      <template slot="btns">
+        <el-button size="small" class="edit_btn" icon="el-icon-download" @click="exportFile()">
+          导出
+        </el-button>
+      </template>
+    </normal-table>
+  </app-container>
+</template>
+
+<script>
+export default {
+  name: 'DeviceList',
+  data() {
+    return {
+      listQuery: {
+        user: '',
+        offset: 1,
+        limit: 20
+      }, // 筛选条件
+      statusList: [],
+      columns: [
+        {
+          text: '设备号',
+          value: 'devCode',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '设备名称',
+          value: 'devName',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '设备IP',
+          value: 'ip',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '设备类型',
+          value: 'devTypeName',
+          align: 'center',
+          width: 120
+        },
+        {
+          text: '设备状态',
+          value: 'statusName',
+          align: 'center',
+          width: 90
+        },
+        {
+          text: '所在区域',
+          value: 'positionName',
+          align: 'center'
+        },
+        {
+          text: '楼层',
+          value: 'areaName',
+          align: 'center'
+        },
+        {
+          text: '是否为重点区域',
+          value: 'isKeyAreaName',
+          align: 'center'
+        },
+        {
+          text: '安装时间',
+          value: 'installTime',
+          align: 'center',
+          width: 150
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: true, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false, // 是否需要刷新按钮
+          needCheckBox: true
+        }
+      } // 表格属性
+    }
+  },
+  created() {
+    this.listLoading = false
+  },
+  methods: {
+    // 获取
+    fetchData() {
+
+    },
+    // 导出
+    exportFile() {
+
+    }
+  }
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/backstage/personList.vue b/src/views/backstage/personList.vue
new file mode 100644
index 0000000..afbcf9b
--- /dev/null
+++ b/src/views/backstage/personList.vue
@@ -0,0 +1,192 @@
+<template>
+  <app-container>
+    <search-area
+      :need-clear="true"
+      :need-search-more="false"
+      type="seperate"
+      size="small"
+      search-more-type="default"
+      @search="fetchData(false)"
+      @clear="clearInput">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入员工证件编号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.username" size="small" placeholder="请输入员工姓名" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.cardId" size="small" placeholder="请选择证件类型" style="width: 200px" clearable @change="fetchData(false)">
+          <el-option
+            v-for="item in cardTypeList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入手机号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.status" size="small" placeholder="是否已在小程序注册" style="width: 200px" clearable @change="fetchData(false)">
+          <el-option
+            v-for="item in statusList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption"
+      size="small"
+      @change="changePage"
+      @selectionChange="handleSelectionChange">
+      <template slot="btns">
+        <el-button size="small" class="edit_btn" icon="el-icon-edit" @click="add()">
+          添加
+        </el-button>
+        <el-button size="small" class="edit_btn" icon="el-icon-delete" @click="batchDel()">
+          删除
+        </el-button>
+        <el-button size="small"  icon="el-icon-download" @click="batchDel()" style="float: right;">
+          导出
+        </el-button>
+        <download-template :filename="filename" />
+        <el-upload
+          :limit="1"
+          :show-file-list="false"
+          :http-request="uploadFile"
+          :file-list="fileList"
+          action="string"
+          style="float:right; margin:0 0 0 3px;"
+          accept=".xls,.xlsx"
+        >
+          <el-button slot="trigger" size="small" icon="el-icon-folder-add">
+            批量导入
+          </el-button>
+        </el-upload>
+      </template>
+    </normal-table>
+    <edit-device v-show="dialogFormVisible" ref="editDevice" @watchChild="fetchData" />
+  </app-container>
+</template>
+
+<script>
+import DownloadTemplate from '@/components/DownloadTemplate/index'
+
+export default {
+  name: 'DeviceList',
+  components: { DownloadTemplate },
+  data() {
+    return {
+      listQuery: {
+        user: '',
+        username: '',
+        cardId: '',
+        status: '',
+        offset: 1,
+        limit: 20
+      }, // 筛选条件
+      cardTypeList: [
+        {
+          name: '出入证',
+          value: 0
+        },
+        {
+          name: '工作证',
+          value: 1
+        }
+      ],
+      statusList: [
+        {
+          name: '否',
+          value: 0
+        },
+        {
+          name: '是',
+          value: 1
+        }
+      ],
+      columns: [
+        {
+          text: '员工证件编号',
+          value: 'devName',
+          align: 'center',
+          width: 200
+        },
+        {
+          text: '员工姓名',
+          value: 'ip',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '证件类型',
+          value: 'devTypeName',
+          align: 'center',
+          width: 120
+        },
+        {
+          text: '手机号',
+          value: 'statusName',
+          align: 'center',
+          width: 200
+        },
+        {
+          text: '是否已在小程序注册',
+          value: 'positionName',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '备注',
+          value: 'installTime',
+          align: 'center'
+        }
+      ], // 显示列
+      dialogFormVisible: false, // 是否显示编辑框
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: true, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false, // 是否需要刷新按钮
+          needCheckBox: true
+        }
+      } // 表格属性
+    }
+  },
+  created() {
+    this.listLoading = false
+  },
+  methods: {
+    // 获取
+    fetchData() {
+    },
+    // 导出
+    exportFile() {
+
+    }
+  }
+}
+</script>
+
+<style scoped></style>

diff --git a/src/router/index.js b/src/router/index.js
index 6c81d9b..a29418b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -45,6 +45,9 @@
   { path: '/bottom', component: () => import('@/views/popup/bottom'), hidden: true },
   { path: '/floor', component: () => import('@/views/popup/floor'), hidden: true },
   { path: '/board', component: () => import('@/views/popup/board'), hidden: true },
+  // { path: '/messageList', component: () => import('@/views/backstage/messageList'), hidden: true },
+  // { path: '/personList', component: () => import('@/views/backstage/personList'), hidden: true },
+  // { path: '/visitList', component: () => import('@/views/backstage/visitList'), hidden: true },
   { path: '/device/pop', component: () => import('@/views/popup/device'), hidden: true },
 
   { path: '/case/pop', component: () => import('@/views/popup/case'), hidden: true },
diff --git a/src/router/modules/menu.js b/src/router/modules/menu.js
index 9292a60..907a6ea 100644
--- a/src/router/modules/menu.js
+++ b/src/router/modules/menu.js
@@ -15,7 +15,7 @@
         path: '/caseList',
         name: 'CaseList',
         component: () => import('@/views/case/caseList'),
-        meta: { title: '安防事件管理', icon: ''}
+        meta: { title: '安防事件管理', icon: '' }
       },
       {
         path: '/caseLevelList',
@@ -263,6 +263,36 @@
         meta: { title: '能源数据', icon: '' }
       }
     ]
+  },
+  {
+    path: 'backstage',
+    component: Layout,
+    redirect: '/backstage',
+    name: 'Backstage',
+    meta: {
+      title: '',
+      icon: 'icon-config' // 图标
+    },
+    children: [
+      {
+        path: '/messageList',
+        name: 'MessageList',
+        component: () => import('@/views/backstage/messageList'),
+        meta: { title: '消息后台', icon: '' }
+      },
+      {
+        path: '/personList',
+        name: 'PersonList',
+        component: () => import('@/views/backstage/personList'),
+        meta: { title: '人员管理后台', icon: '' }
+      },
+      {
+        path: '/visitAdmin',
+        name: 'VisitList',
+        component: () => import('@/views/backstage/visitList'),
+        meta: { title: '访客申请后台', icon: '' }
+      }
+    ]
   }
   // {
   //   path: 'security',
diff --git a/src/router/modules/menu0.js b/src/router/modules/menu0.js
index dc2d4fd..3a62b17 100644
--- a/src/router/modules/menu0.js
+++ b/src/router/modules/menu0.js
@@ -273,6 +273,37 @@
         meta: { title: '能源数据', icon: '', permission: ['/energy/list'] }
       }
     ]
+  },
+  {
+    path: 'backstage',
+    component: Layout,
+    redirect: '/backstage',
+    name: 'Backstage',
+    meta: {
+      title: '',
+      // permission: ['/asset'], // 权限名称
+      icon: 'icon-config' // 图标
+    },
+    children: [
+      {
+        path: '/messageList',
+        name: 'MessageList',
+        component: () => import('@/views/backstage/messageList'),
+        meta: { title: '消息后台', icon: '', permission: [''] }
+      },
+      {
+        path: '/personList',
+        name: 'PersonList',
+        component: () => import('@/views/backstage/personList'),
+        meta: { title: '人员管理后台', icon: '', permission: [''] }
+      },
+      {
+        path: '/visitList',
+        name: 'VisitList',
+        component: () => import('@/views/backstage/visitList'),
+        meta: { title: '访客申请后台', icon: '', permission: [''] }
+      }
+    ]
   }
   // {
   //   path: 'security',
diff --git a/src/views/backstage/messageList.vue b/src/views/backstage/messageList.vue
new file mode 100644
index 0000000..b679470
--- /dev/null
+++ b/src/views/backstage/messageList.vue
@@ -0,0 +1,156 @@
+<template>
+  <app-container>
+    <search-area
+      :need-clear="true"
+      :need-search-more="false"
+      type="seperate"
+      size="small"
+      search-more-type="default"
+      @search="fetchData(false)"
+      @clear="clearInput">
+      <!--一般查询条件-->
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入消息编号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入消息标题" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.status" size="small" placeholder="是否已在小程序注册" style="width: 200px" clearable @change="fetchData(false)">
+          <el-option
+            v-for="item in statusList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item style="width:235px">
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入接收人员工号/姓名/手机号" />
+      </search-item>
+      <search-item style="width:235px">
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入发送人账号/姓名/手机号" />
+      </search-item>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption"
+      size="small"
+      @change="changePage"
+      @selectionChange="handleSelectionChange">
+      <template slot="btns">
+        <el-button size="small" class="edit_btn" icon="el-icon-download" @click="exportFile()">
+          导出
+        </el-button>
+      </template>
+    </normal-table>
+  </app-container>
+</template>
+
+<script>
+export default {
+  name: 'DeviceList',
+  data() {
+    return {
+      listQuery: {
+        user: '',
+        offset: 1,
+        limit: 20
+      }, // 筛选条件
+      statusList: [],
+      columns: [
+        {
+          text: '设备号',
+          value: 'devCode',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '设备名称',
+          value: 'devName',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '设备IP',
+          value: 'ip',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '设备类型',
+          value: 'devTypeName',
+          align: 'center',
+          width: 120
+        },
+        {
+          text: '设备状态',
+          value: 'statusName',
+          align: 'center',
+          width: 90
+        },
+        {
+          text: '所在区域',
+          value: 'positionName',
+          align: 'center'
+        },
+        {
+          text: '楼层',
+          value: 'areaName',
+          align: 'center'
+        },
+        {
+          text: '是否为重点区域',
+          value: 'isKeyAreaName',
+          align: 'center'
+        },
+        {
+          text: '安装时间',
+          value: 'installTime',
+          align: 'center',
+          width: 150
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: true, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false, // 是否需要刷新按钮
+          needCheckBox: true
+        }
+      } // 表格属性
+    }
+  },
+  created() {
+    this.listLoading = false
+  },
+  methods: {
+    // 获取
+    fetchData() {
+
+    },
+    // 导出
+    exportFile() {
+
+    }
+  }
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/backstage/personList.vue b/src/views/backstage/personList.vue
new file mode 100644
index 0000000..afbcf9b
--- /dev/null
+++ b/src/views/backstage/personList.vue
@@ -0,0 +1,192 @@
+<template>
+  <app-container>
+    <search-area
+      :need-clear="true"
+      :need-search-more="false"
+      type="seperate"
+      size="small"
+      search-more-type="default"
+      @search="fetchData(false)"
+      @clear="clearInput">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入员工证件编号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.username" size="small" placeholder="请输入员工姓名" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.cardId" size="small" placeholder="请选择证件类型" style="width: 200px" clearable @change="fetchData(false)">
+          <el-option
+            v-for="item in cardTypeList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入手机号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.status" size="small" placeholder="是否已在小程序注册" style="width: 200px" clearable @change="fetchData(false)">
+          <el-option
+            v-for="item in statusList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption"
+      size="small"
+      @change="changePage"
+      @selectionChange="handleSelectionChange">
+      <template slot="btns">
+        <el-button size="small" class="edit_btn" icon="el-icon-edit" @click="add()">
+          添加
+        </el-button>
+        <el-button size="small" class="edit_btn" icon="el-icon-delete" @click="batchDel()">
+          删除
+        </el-button>
+        <el-button size="small"  icon="el-icon-download" @click="batchDel()" style="float: right;">
+          导出
+        </el-button>
+        <download-template :filename="filename" />
+        <el-upload
+          :limit="1"
+          :show-file-list="false"
+          :http-request="uploadFile"
+          :file-list="fileList"
+          action="string"
+          style="float:right; margin:0 0 0 3px;"
+          accept=".xls,.xlsx"
+        >
+          <el-button slot="trigger" size="small" icon="el-icon-folder-add">
+            批量导入
+          </el-button>
+        </el-upload>
+      </template>
+    </normal-table>
+    <edit-device v-show="dialogFormVisible" ref="editDevice" @watchChild="fetchData" />
+  </app-container>
+</template>
+
+<script>
+import DownloadTemplate from '@/components/DownloadTemplate/index'
+
+export default {
+  name: 'DeviceList',
+  components: { DownloadTemplate },
+  data() {
+    return {
+      listQuery: {
+        user: '',
+        username: '',
+        cardId: '',
+        status: '',
+        offset: 1,
+        limit: 20
+      }, // 筛选条件
+      cardTypeList: [
+        {
+          name: '出入证',
+          value: 0
+        },
+        {
+          name: '工作证',
+          value: 1
+        }
+      ],
+      statusList: [
+        {
+          name: '否',
+          value: 0
+        },
+        {
+          name: '是',
+          value: 1
+        }
+      ],
+      columns: [
+        {
+          text: '员工证件编号',
+          value: 'devName',
+          align: 'center',
+          width: 200
+        },
+        {
+          text: '员工姓名',
+          value: 'ip',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '证件类型',
+          value: 'devTypeName',
+          align: 'center',
+          width: 120
+        },
+        {
+          text: '手机号',
+          value: 'statusName',
+          align: 'center',
+          width: 200
+        },
+        {
+          text: '是否已在小程序注册',
+          value: 'positionName',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '备注',
+          value: 'installTime',
+          align: 'center'
+        }
+      ], // 显示列
+      dialogFormVisible: false, // 是否显示编辑框
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: true, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false, // 是否需要刷新按钮
+          needCheckBox: true
+        }
+      } // 表格属性
+    }
+  },
+  created() {
+    this.listLoading = false
+  },
+  methods: {
+    // 获取
+    fetchData() {
+    },
+    // 导出
+    exportFile() {
+
+    }
+  }
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/backstage/visitList.vue b/src/views/backstage/visitList.vue
new file mode 100644
index 0000000..1c6935c
--- /dev/null
+++ b/src/views/backstage/visitList.vue
@@ -0,0 +1,231 @@
+<template>
+  <app-container>
+    <search-area
+      :need-clear="true"
+      :need-search-more="false"
+      type="seperate"
+      size="small"
+      search-more-type="default"
+      @search="fetchData(false)"
+      @clear="clearInput">
+      <!--一般查询条件-->
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="申请单号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="访客姓名" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.status" size="small" placeholder="访问目的" style="width: 190px" clearable @change="fetchData(false)">
+          <el-option
+            v-for="item in statusList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.status" size="small" placeholder="访问楼栋" style="width: 190px" clearable @change="fetchData(false)">
+          <el-option
+            v-for="item in statusList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="访问日期"
+          size="small"
+          @change="fetchData(false)"
+        />
+      </search-item>
+      <br/>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入申请者证件编号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入申请人姓名" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入处理人证件编号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入处理人姓名" @change="fetchData(false)" />
+      </search-item>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption"
+      size="small"
+      @change="changePage"
+      @selectionChange="handleSelectionChange">
+      <template slot="btns">
+        <el-button size="small" class="edit_btn" icon="el-icon-download" @click="exportFile()">
+          导出
+        </el-button>
+      </template>
+    </normal-table>
+  </app-container>
+</template>
+
+<script>
+export default {
+  name: 'DeviceList',
+  data() {
+    return {
+      listQuery: {
+        user: '',
+        date: '',
+        offset: 1,
+        limit: 20
+      }, // 筛选条件
+      statusList: [
+        {
+          name: '否',
+          value: 0
+        },
+        {
+          name: '是',
+          value: 1
+        }
+      ],
+      columns: [
+        {
+          text: '申请单号',
+          value: 'devCode',
+          align: 'center',
+          width: 100
+        },
+        {
+          text: '访客姓名',
+          value: 'devName',
+          align: 'center',
+          width: 80
+        },
+        {
+          text: '访客身份证',
+          value: 'ip',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '访客联系方式',
+          value: 'devTypeName',
+          align: 'center',
+          width: 100
+        },
+        {
+          text: '访问目的',
+          value: 'statusName',
+          align: 'center',
+          width: 90
+        },
+        {
+          text: '访问楼栋',
+          value: 'positionName',
+          align: 'center',
+          width: 90
+        },
+        {
+          text: '访问时间',
+          value: 'areaName',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '申请者证件编号',
+          value: 'isKeyAreaName',
+          align: 'center',
+          width: 100
+        },
+        {
+          text: '申请者姓名',
+          value: 'isKeyAreaName',
+          align: 'center',
+          width: 100
+        },
+        {
+          text: '申请者联系方式',
+          value: 'isKeyAreaName',
+          align: 'center',
+          width: 120
+        },
+        {
+          text: '备注',
+          value: 'installTime',
+          align: 'center',
+          width: 80
+        },
+        {
+          text: '申请状态',
+          value: 'installTime',
+          align: 'center',
+          width: 80
+        },
+        {
+          text: '处理人证件编号',
+          value: 'installTime',
+          align: 'center',
+          width: 120
+        },
+        {
+          text: '处理人姓名',
+          value: 'installTime',
+          align: 'center',
+          width: 100
+        },
+        {
+          text: '处理时间',
+          value: 'installTime',
+          align: 'center',
+          width: 150
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: true, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false, // 是否需要刷新按钮
+          needCheckBox: true
+        }
+      } // 表格属性
+    }
+  },
+  created() {
+    this.listLoading = false
+  },
+  methods: {
+    // 获取
+    fetchData() {
+    },
+    // 导出
+    exportFile() {
+
+    }
+  }
+}
+</script>
+
+<style scoped></style>

diff --git a/src/router/index.js b/src/router/index.js
index 6c81d9b..a29418b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -45,6 +45,9 @@
   { path: '/bottom', component: () => import('@/views/popup/bottom'), hidden: true },
   { path: '/floor', component: () => import('@/views/popup/floor'), hidden: true },
   { path: '/board', component: () => import('@/views/popup/board'), hidden: true },
+  // { path: '/messageList', component: () => import('@/views/backstage/messageList'), hidden: true },
+  // { path: '/personList', component: () => import('@/views/backstage/personList'), hidden: true },
+  // { path: '/visitList', component: () => import('@/views/backstage/visitList'), hidden: true },
   { path: '/device/pop', component: () => import('@/views/popup/device'), hidden: true },
 
   { path: '/case/pop', component: () => import('@/views/popup/case'), hidden: true },
diff --git a/src/router/modules/menu.js b/src/router/modules/menu.js
index 9292a60..907a6ea 100644
--- a/src/router/modules/menu.js
+++ b/src/router/modules/menu.js
@@ -15,7 +15,7 @@
         path: '/caseList',
         name: 'CaseList',
         component: () => import('@/views/case/caseList'),
-        meta: { title: '安防事件管理', icon: ''}
+        meta: { title: '安防事件管理', icon: '' }
       },
       {
         path: '/caseLevelList',
@@ -263,6 +263,36 @@
         meta: { title: '能源数据', icon: '' }
       }
     ]
+  },
+  {
+    path: 'backstage',
+    component: Layout,
+    redirect: '/backstage',
+    name: 'Backstage',
+    meta: {
+      title: '',
+      icon: 'icon-config' // 图标
+    },
+    children: [
+      {
+        path: '/messageList',
+        name: 'MessageList',
+        component: () => import('@/views/backstage/messageList'),
+        meta: { title: '消息后台', icon: '' }
+      },
+      {
+        path: '/personList',
+        name: 'PersonList',
+        component: () => import('@/views/backstage/personList'),
+        meta: { title: '人员管理后台', icon: '' }
+      },
+      {
+        path: '/visitAdmin',
+        name: 'VisitList',
+        component: () => import('@/views/backstage/visitList'),
+        meta: { title: '访客申请后台', icon: '' }
+      }
+    ]
   }
   // {
   //   path: 'security',
diff --git a/src/router/modules/menu0.js b/src/router/modules/menu0.js
index dc2d4fd..3a62b17 100644
--- a/src/router/modules/menu0.js
+++ b/src/router/modules/menu0.js
@@ -273,6 +273,37 @@
         meta: { title: '能源数据', icon: '', permission: ['/energy/list'] }
       }
     ]
+  },
+  {
+    path: 'backstage',
+    component: Layout,
+    redirect: '/backstage',
+    name: 'Backstage',
+    meta: {
+      title: '',
+      // permission: ['/asset'], // 权限名称
+      icon: 'icon-config' // 图标
+    },
+    children: [
+      {
+        path: '/messageList',
+        name: 'MessageList',
+        component: () => import('@/views/backstage/messageList'),
+        meta: { title: '消息后台', icon: '', permission: [''] }
+      },
+      {
+        path: '/personList',
+        name: 'PersonList',
+        component: () => import('@/views/backstage/personList'),
+        meta: { title: '人员管理后台', icon: '', permission: [''] }
+      },
+      {
+        path: '/visitList',
+        name: 'VisitList',
+        component: () => import('@/views/backstage/visitList'),
+        meta: { title: '访客申请后台', icon: '', permission: [''] }
+      }
+    ]
   }
   // {
   //   path: 'security',
diff --git a/src/views/backstage/messageList.vue b/src/views/backstage/messageList.vue
new file mode 100644
index 0000000..b679470
--- /dev/null
+++ b/src/views/backstage/messageList.vue
@@ -0,0 +1,156 @@
+<template>
+  <app-container>
+    <search-area
+      :need-clear="true"
+      :need-search-more="false"
+      type="seperate"
+      size="small"
+      search-more-type="default"
+      @search="fetchData(false)"
+      @clear="clearInput">
+      <!--一般查询条件-->
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入消息编号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入消息标题" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.status" size="small" placeholder="是否已在小程序注册" style="width: 200px" clearable @change="fetchData(false)">
+          <el-option
+            v-for="item in statusList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item style="width:235px">
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入接收人员工号/姓名/手机号" />
+      </search-item>
+      <search-item style="width:235px">
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入发送人账号/姓名/手机号" />
+      </search-item>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption"
+      size="small"
+      @change="changePage"
+      @selectionChange="handleSelectionChange">
+      <template slot="btns">
+        <el-button size="small" class="edit_btn" icon="el-icon-download" @click="exportFile()">
+          导出
+        </el-button>
+      </template>
+    </normal-table>
+  </app-container>
+</template>
+
+<script>
+export default {
+  name: 'DeviceList',
+  data() {
+    return {
+      listQuery: {
+        user: '',
+        offset: 1,
+        limit: 20
+      }, // 筛选条件
+      statusList: [],
+      columns: [
+        {
+          text: '设备号',
+          value: 'devCode',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '设备名称',
+          value: 'devName',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '设备IP',
+          value: 'ip',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '设备类型',
+          value: 'devTypeName',
+          align: 'center',
+          width: 120
+        },
+        {
+          text: '设备状态',
+          value: 'statusName',
+          align: 'center',
+          width: 90
+        },
+        {
+          text: '所在区域',
+          value: 'positionName',
+          align: 'center'
+        },
+        {
+          text: '楼层',
+          value: 'areaName',
+          align: 'center'
+        },
+        {
+          text: '是否为重点区域',
+          value: 'isKeyAreaName',
+          align: 'center'
+        },
+        {
+          text: '安装时间',
+          value: 'installTime',
+          align: 'center',
+          width: 150
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: true, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false, // 是否需要刷新按钮
+          needCheckBox: true
+        }
+      } // 表格属性
+    }
+  },
+  created() {
+    this.listLoading = false
+  },
+  methods: {
+    // 获取
+    fetchData() {
+
+    },
+    // 导出
+    exportFile() {
+
+    }
+  }
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/backstage/personList.vue b/src/views/backstage/personList.vue
new file mode 100644
index 0000000..afbcf9b
--- /dev/null
+++ b/src/views/backstage/personList.vue
@@ -0,0 +1,192 @@
+<template>
+  <app-container>
+    <search-area
+      :need-clear="true"
+      :need-search-more="false"
+      type="seperate"
+      size="small"
+      search-more-type="default"
+      @search="fetchData(false)"
+      @clear="clearInput">
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入员工证件编号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.username" size="small" placeholder="请输入员工姓名" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.cardId" size="small" placeholder="请选择证件类型" style="width: 200px" clearable @change="fetchData(false)">
+          <el-option
+            v-for="item in cardTypeList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入手机号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.status" size="small" placeholder="是否已在小程序注册" style="width: 200px" clearable @change="fetchData(false)">
+          <el-option
+            v-for="item in statusList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption"
+      size="small"
+      @change="changePage"
+      @selectionChange="handleSelectionChange">
+      <template slot="btns">
+        <el-button size="small" class="edit_btn" icon="el-icon-edit" @click="add()">
+          添加
+        </el-button>
+        <el-button size="small" class="edit_btn" icon="el-icon-delete" @click="batchDel()">
+          删除
+        </el-button>
+        <el-button size="small"  icon="el-icon-download" @click="batchDel()" style="float: right;">
+          导出
+        </el-button>
+        <download-template :filename="filename" />
+        <el-upload
+          :limit="1"
+          :show-file-list="false"
+          :http-request="uploadFile"
+          :file-list="fileList"
+          action="string"
+          style="float:right; margin:0 0 0 3px;"
+          accept=".xls,.xlsx"
+        >
+          <el-button slot="trigger" size="small" icon="el-icon-folder-add">
+            批量导入
+          </el-button>
+        </el-upload>
+      </template>
+    </normal-table>
+    <edit-device v-show="dialogFormVisible" ref="editDevice" @watchChild="fetchData" />
+  </app-container>
+</template>
+
+<script>
+import DownloadTemplate from '@/components/DownloadTemplate/index'
+
+export default {
+  name: 'DeviceList',
+  components: { DownloadTemplate },
+  data() {
+    return {
+      listQuery: {
+        user: '',
+        username: '',
+        cardId: '',
+        status: '',
+        offset: 1,
+        limit: 20
+      }, // 筛选条件
+      cardTypeList: [
+        {
+          name: '出入证',
+          value: 0
+        },
+        {
+          name: '工作证',
+          value: 1
+        }
+      ],
+      statusList: [
+        {
+          name: '否',
+          value: 0
+        },
+        {
+          name: '是',
+          value: 1
+        }
+      ],
+      columns: [
+        {
+          text: '员工证件编号',
+          value: 'devName',
+          align: 'center',
+          width: 200
+        },
+        {
+          text: '员工姓名',
+          value: 'ip',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '证件类型',
+          value: 'devTypeName',
+          align: 'center',
+          width: 120
+        },
+        {
+          text: '手机号',
+          value: 'statusName',
+          align: 'center',
+          width: 200
+        },
+        {
+          text: '是否已在小程序注册',
+          value: 'positionName',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '备注',
+          value: 'installTime',
+          align: 'center'
+        }
+      ], // 显示列
+      dialogFormVisible: false, // 是否显示编辑框
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: true, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false, // 是否需要刷新按钮
+          needCheckBox: true
+        }
+      } // 表格属性
+    }
+  },
+  created() {
+    this.listLoading = false
+  },
+  methods: {
+    // 获取
+    fetchData() {
+    },
+    // 导出
+    exportFile() {
+
+    }
+  }
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/backstage/visitList.vue b/src/views/backstage/visitList.vue
new file mode 100644
index 0000000..1c6935c
--- /dev/null
+++ b/src/views/backstage/visitList.vue
@@ -0,0 +1,231 @@
+<template>
+  <app-container>
+    <search-area
+      :need-clear="true"
+      :need-search-more="false"
+      type="seperate"
+      size="small"
+      search-more-type="default"
+      @search="fetchData(false)"
+      @clear="clearInput">
+      <!--一般查询条件-->
+      <!--一般查询条件-->
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="申请单号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="访客姓名" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.status" size="small" placeholder="访问目的" style="width: 190px" clearable @change="fetchData(false)">
+          <el-option
+            v-for="item in statusList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.status" size="small" placeholder="访问楼栋" style="width: 190px" clearable @change="fetchData(false)">
+          <el-option
+            v-for="item in statusList"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="listQuery.date"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="访问日期"
+          size="small"
+          @change="fetchData(false)"
+        />
+      </search-item>
+      <br/>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入申请者证件编号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入申请人姓名" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入处理人证件编号" @change="fetchData(false)" />
+      </search-item>
+      <search-item>
+        <el-input v-model.trim="listQuery.user" size="small" placeholder="请输入处理人姓名" @change="fetchData(false)" />
+      </search-item>
+    </search-area>
+    <normal-table
+      :data="list"
+      :head="tableOption.head"
+      :query="listQuery"
+      :total="total"
+      :columns="columns"
+      :list-loading="listLoading"
+      :options="tableOption.options"
+      :tools-option="tableOption.toolsOption"
+      size="small"
+      @change="changePage"
+      @selectionChange="handleSelectionChange">
+      <template slot="btns">
+        <el-button size="small" class="edit_btn" icon="el-icon-download" @click="exportFile()">
+          导出
+        </el-button>
+      </template>
+    </normal-table>
+  </app-container>
+</template>
+
+<script>
+export default {
+  name: 'DeviceList',
+  data() {
+    return {
+      listQuery: {
+        user: '',
+        date: '',
+        offset: 1,
+        limit: 20
+      }, // 筛选条件
+      statusList: [
+        {
+          name: '否',
+          value: 0
+        },
+        {
+          name: '是',
+          value: 1
+        }
+      ],
+      columns: [
+        {
+          text: '申请单号',
+          value: 'devCode',
+          align: 'center',
+          width: 100
+        },
+        {
+          text: '访客姓名',
+          value: 'devName',
+          align: 'center',
+          width: 80
+        },
+        {
+          text: '访客身份证',
+          value: 'ip',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '访客联系方式',
+          value: 'devTypeName',
+          align: 'center',
+          width: 100
+        },
+        {
+          text: '访问目的',
+          value: 'statusName',
+          align: 'center',
+          width: 90
+        },
+        {
+          text: '访问楼栋',
+          value: 'positionName',
+          align: 'center',
+          width: 90
+        },
+        {
+          text: '访问时间',
+          value: 'areaName',
+          align: 'center',
+          width: 150
+        },
+        {
+          text: '申请者证件编号',
+          value: 'isKeyAreaName',
+          align: 'center',
+          width: 100
+        },
+        {
+          text: '申请者姓名',
+          value: 'isKeyAreaName',
+          align: 'center',
+          width: 100
+        },
+        {
+          text: '申请者联系方式',
+          value: 'isKeyAreaName',
+          align: 'center',
+          width: 120
+        },
+        {
+          text: '备注',
+          value: 'installTime',
+          align: 'center',
+          width: 80
+        },
+        {
+          text: '申请状态',
+          value: 'installTime',
+          align: 'center',
+          width: 80
+        },
+        {
+          text: '处理人证件编号',
+          value: 'installTime',
+          align: 'center',
+          width: 120
+        },
+        {
+          text: '处理人姓名',
+          value: 'installTime',
+          align: 'center',
+          width: 100
+        },
+        {
+          text: '处理时间',
+          value: 'installTime',
+          align: 'center',
+          width: 150
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 列表加载动画
+      tableOption: {
+        head: {
+          show: true, // 是否需要标题栏，
+          text: '数据列表' // 标题名称
+        },
+        options: {
+          needIndex: true // 是否需要序号列
+        },
+        toolsOption: {
+          selectColumns: false, // 是否需要筛选列
+          refresh: false, // 是否需要刷新按钮
+          needCheckBox: true
+        }
+      } // 表格属性
+    }
+  },
+  created() {
+    this.listLoading = false
+  },
+  methods: {
+    // 获取
+    fetchData() {
+    },
+    // 导出
+    exportFile() {
+
+    }
+  }
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/popup/board.vue b/src/views/popup/board.vue
index 611b058..86eee06 100644
--- a/src/views/popup/board.vue
+++ b/src/views/popup/board.vue
@@ -10,7 +10,7 @@
           <el-form-item label="人员信息" prop="personName" style="position:relative">
             <el-select
               v-model="listQuery.personName"
-              :value-key="staffCode"
+              value-key="personName"
               :loading="selectLoading"
               :remote-method="remoteMethod"
               clear
@@ -19,14 +19,13 @@
               reserve-keyword
               size="small"
               placeholder="请输入人员姓名"
-              popper-class="eloption"
               :popper-append-to-body="false"
               @change="handlePerson">
               <el-option
                 v-for="item in personNameList"
                 :key="item.staffCode"
                 :label="item.personName + ' ' + item.personType"
-                :value="item.personName"
+                :value="item.staffCode"
               />
             </el-select>
           </el-form-item>
@@ -121,7 +120,9 @@
         staffCode: '0',
         gender: ''
       },
+      personName: '',
       point: [],
+      selectObj: {},
       listQuery: {
         facePicUrl: '', // 图片url
         personName: '', // 人员名称
@@ -133,15 +134,6 @@
       },
       personNameList: [
         // {
-        //   "personName": "郑嘉辉",
-        //   "personNo": "TV11326",
-        //   "personPicture": "",
-        //   "personType": "",
-        //   "picUri": "",
-        //   "serverIndexCode": "",
-        //   "staffCode": ""
-        // },
-        // {
         //   "personName": "郑11",
         //   "personNo": "TV11326",
         //   "personPicture": "",
@@ -269,8 +261,18 @@
     },
     // 赋值select参数
     handlePerson(person) {
+      // this.personNameList.map(item => {
+      //   if (item.personName === this.listQuery.personName) {
+      //     this.listQuery.facePicUrl = item.personPicture
+      //     this.listQuery.gender = item.gender
+      //     return
+      //   }
+      // })
+
       this.personNameList.map(item => {
-        if (item.personName === this.listQuery.personName) {
+        if (item.staffCode === person) {
+          this.personName = item.personName
+          // this.listQuery.personName = item.personName
           this.listQuery.facePicUrl = item.personPicture
           this.listQuery.gender = item.gender
           return
@@ -309,7 +311,9 @@
         spinner: 'el-icon-loading',
         background: 'rgba(0, 0, 0, 0.7)'
       })
-      hikPic(this.listQuery).then(response => {
+      const postData = Object.assign(this.listQuery, { 'personName': this.personName })
+      console.log(postData)
+      hikPic(postData).then(response => {
         loading.close()
         if (response.code === 200) {
           // this.list = response.data
@@ -330,7 +334,7 @@
       this.listQuery.cameraIndexCodes = ''
       this.listQuery.startTime = getDate(0, 'DATE') + ' 00:00:00'
       this.listQuery.endTime = getDate(0, 'SECOND')
-      this.listQuery.minSimilarity = ''
+      this.listQuery.minSimilarity = '50'
       this.listQuery.timeRange = [getDate(0, 'DATE') + ' 00:00:00', getDate(0, 'SECOND')]
     },
     // 轨迹上墙
@@ -351,6 +355,7 @@
     },
     // 搜索
     search() {
+      console.log(this.listQuery)
       this.$refs.ruleForm.validate((valid) => {
         if (valid) {
           this.fetchData()