diff --git a/src/api/visitor.js b/src/api/visitor.js
new file mode 100644
index 0000000..be930bd
--- /dev/null
+++ b/src/api/visitor.js
@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 访客登记
+export function addVisitorPerson(data) {
+  return request({
+    url: 'visitorPerson/add',
+    method: 'post',
+    data
+  })
+}

diff --git a/src/api/visitor.js b/src/api/visitor.js
new file mode 100644
index 0000000..be930bd
--- /dev/null
+++ b/src/api/visitor.js
@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 访客登记
+export function addVisitorPerson(data) {
+  return request({
+    url: 'visitorPerson/add',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/modules/visitor.js b/src/router/modules/visitor.js
new file mode 100644
index 0000000..a60b5dd
--- /dev/null
+++ b/src/router/modules/visitor.js
@@ -0,0 +1,46 @@
+// 车辆管理部分路由
+/* Layout */
+import Layout from '../../views/layout/Layout'
+
+export const visitorRouters = [
+  {
+    path: 'visitor',
+    component: Layout,
+    redirect: '/visitor',
+    name: 'Visitor',
+    alwaysShow: true,
+    meta: {
+      title: '访客管理',
+      icon: 'icon-visitor', // 图标
+      permission: ['/visitor']// 权限名称
+    },
+    children: [
+      {
+        path: '/visitor/add',
+        name: 'VisitorAdd',
+        component: () => import('@/views/visitor/visitorAdd'),
+        meta: { title: '访客登记', icon: '', permission: ['/visitor/add'], keepAlive: true }
+      }
+      // {
+      //   path: '/visitor/personList',
+      //   name: 'VisitorPersonList',
+      //   component: () => import('@/views/visitor/visitorPersonList'),
+      //   meta: { title: '当日来访人员', icon: '', permission: ['/visitor/personlist'], keepAlive: true }
+      // },
+      // {
+      //   path: '/visitor/carList',
+      //   name: 'VisitorCarList',
+      //   hidden: true,
+      //   component: () => import('@/views/visitor/visitorCarList'),
+      //   meta: { title: '当日来访车辆', icon: '', permission: ['/visitor/carList'], keepAlive: true }
+      // },
+      // {
+      //   path: '/visitor/list',
+      //   name: 'VisitorList',
+      //   hidden: true,
+      //   component: () => import('@/views/visitor/visitorList'),
+      //   meta: { title: '来访记录', icon: '', permission: ['/visitor/list'], keepAlive: true }
+      // }
+    ]
+  }
+]

diff --git a/src/api/visitor.js b/src/api/visitor.js
new file mode 100644
index 0000000..be930bd
--- /dev/null
+++ b/src/api/visitor.js
@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 访客登记
+export function addVisitorPerson(data) {
+  return request({
+    url: 'visitorPerson/add',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/modules/visitor.js b/src/router/modules/visitor.js
new file mode 100644
index 0000000..a60b5dd
--- /dev/null
+++ b/src/router/modules/visitor.js
@@ -0,0 +1,46 @@
+// 车辆管理部分路由
+/* Layout */
+import Layout from '../../views/layout/Layout'
+
+export const visitorRouters = [
+  {
+    path: 'visitor',
+    component: Layout,
+    redirect: '/visitor',
+    name: 'Visitor',
+    alwaysShow: true,
+    meta: {
+      title: '访客管理',
+      icon: 'icon-visitor', // 图标
+      permission: ['/visitor']// 权限名称
+    },
+    children: [
+      {
+        path: '/visitor/add',
+        name: 'VisitorAdd',
+        component: () => import('@/views/visitor/visitorAdd'),
+        meta: { title: '访客登记', icon: '', permission: ['/visitor/add'], keepAlive: true }
+      }
+      // {
+      //   path: '/visitor/personList',
+      //   name: 'VisitorPersonList',
+      //   component: () => import('@/views/visitor/visitorPersonList'),
+      //   meta: { title: '当日来访人员', icon: '', permission: ['/visitor/personlist'], keepAlive: true }
+      // },
+      // {
+      //   path: '/visitor/carList',
+      //   name: 'VisitorCarList',
+      //   hidden: true,
+      //   component: () => import('@/views/visitor/visitorCarList'),
+      //   meta: { title: '当日来访车辆', icon: '', permission: ['/visitor/carList'], keepAlive: true }
+      // },
+      // {
+      //   path: '/visitor/list',
+      //   name: 'VisitorList',
+      //   hidden: true,
+      //   component: () => import('@/views/visitor/visitorList'),
+      //   meta: { title: '来访记录', icon: '', permission: ['/visitor/list'], keepAlive: true }
+      // }
+    ]
+  }
+]
diff --git a/src/utils/validate.js b/src/utils/validate.js
index 6f639fd..147b862 100644
--- a/src/utils/validate.js
+++ b/src/utils/validate.js
@@ -89,3 +89,48 @@
   }
 }
 
+// 身份证号码校验validator
+export const validateIDCard = (rule, value, callback) => {
+  if (value !== '') {
+    if ((/^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/).test(value) === false) {
+      callback(new Error('请输入合法的身份证号'))
+    } else {
+      callback()
+    }
+  } else {
+    callback(new Error('身份证号不能为空'))
+  }
+}
+
+// 手机号验证validator
+export const phoneValidator = (rule, value, callback) => {
+  const reg = /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/
+  if (value !== '') {
+    if (reg.test(value) === false) {
+      callback(new Error('请输入正确的手机号'))
+    } else {
+      callback()
+    }
+  } else {
+    callback(new Error('手机号不能为空'))
+  }
+}
+
+// 体温校验validator
+export const temValidator = (rule, value, callback) => {
+  const reg = /^\d+(\.\d+)?$/
+  if (value !== '') {
+    if (reg.test(value) === false) {
+      callback(new Error('请输入数字'))
+    } else {
+      const data = parseFloat(value)
+      if (data > 37.3 || data < 35) {
+        callback(new Error('请检查体温'))
+      } else {
+        callback()
+      }
+    }
+  } else {
+    callback(new Error('体温不能为空'))
+  }
+}

diff --git a/src/api/visitor.js b/src/api/visitor.js
new file mode 100644
index 0000000..be930bd
--- /dev/null
+++ b/src/api/visitor.js
@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 访客登记
+export function addVisitorPerson(data) {
+  return request({
+    url: 'visitorPerson/add',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/modules/visitor.js b/src/router/modules/visitor.js
new file mode 100644
index 0000000..a60b5dd
--- /dev/null
+++ b/src/router/modules/visitor.js
@@ -0,0 +1,46 @@
+// 车辆管理部分路由
+/* Layout */
+import Layout from '../../views/layout/Layout'
+
+export const visitorRouters = [
+  {
+    path: 'visitor',
+    component: Layout,
+    redirect: '/visitor',
+    name: 'Visitor',
+    alwaysShow: true,
+    meta: {
+      title: '访客管理',
+      icon: 'icon-visitor', // 图标
+      permission: ['/visitor']// 权限名称
+    },
+    children: [
+      {
+        path: '/visitor/add',
+        name: 'VisitorAdd',
+        component: () => import('@/views/visitor/visitorAdd'),
+        meta: { title: '访客登记', icon: '', permission: ['/visitor/add'], keepAlive: true }
+      }
+      // {
+      //   path: '/visitor/personList',
+      //   name: 'VisitorPersonList',
+      //   component: () => import('@/views/visitor/visitorPersonList'),
+      //   meta: { title: '当日来访人员', icon: '', permission: ['/visitor/personlist'], keepAlive: true }
+      // },
+      // {
+      //   path: '/visitor/carList',
+      //   name: 'VisitorCarList',
+      //   hidden: true,
+      //   component: () => import('@/views/visitor/visitorCarList'),
+      //   meta: { title: '当日来访车辆', icon: '', permission: ['/visitor/carList'], keepAlive: true }
+      // },
+      // {
+      //   path: '/visitor/list',
+      //   name: 'VisitorList',
+      //   hidden: true,
+      //   component: () => import('@/views/visitor/visitorList'),
+      //   meta: { title: '来访记录', icon: '', permission: ['/visitor/list'], keepAlive: true }
+      // }
+    ]
+  }
+]
diff --git a/src/utils/validate.js b/src/utils/validate.js
index 6f639fd..147b862 100644
--- a/src/utils/validate.js
+++ b/src/utils/validate.js
@@ -89,3 +89,48 @@
   }
 }
 
+// 身份证号码校验validator
+export const validateIDCard = (rule, value, callback) => {
+  if (value !== '') {
+    if ((/^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/).test(value) === false) {
+      callback(new Error('请输入合法的身份证号'))
+    } else {
+      callback()
+    }
+  } else {
+    callback(new Error('身份证号不能为空'))
+  }
+}
+
+// 手机号验证validator
+export const phoneValidator = (rule, value, callback) => {
+  const reg = /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/
+  if (value !== '') {
+    if (reg.test(value) === false) {
+      callback(new Error('请输入正确的手机号'))
+    } else {
+      callback()
+    }
+  } else {
+    callback(new Error('手机号不能为空'))
+  }
+}
+
+// 体温校验validator
+export const temValidator = (rule, value, callback) => {
+  const reg = /^\d+(\.\d+)?$/
+  if (value !== '') {
+    if (reg.test(value) === false) {
+      callback(new Error('请输入数字'))
+    } else {
+      const data = parseFloat(value)
+      if (data > 37.3 || data < 35) {
+        callback(new Error('请检查体温'))
+      } else {
+        callback()
+      }
+    }
+  } else {
+    callback(new Error('体温不能为空'))
+  }
+}
diff --git a/src/views/visitor/visitorAdd.vue b/src/views/visitor/visitorAdd.vue
new file mode 100644
index 0000000..a212942
--- /dev/null
+++ b/src/views/visitor/visitorAdd.vue
@@ -0,0 +1,392 @@
+<template>
+  <div class="app-container">
+    <div style="margin: 25px;">
+      <el-row :gutter="20" class="table-title">
+        <el-col :span="6"><div class="title-header">人员信息</div></el-col>
+        <el-col :span="12" :offset="6" class="edit_btns">
+          <el-button class="edit_btn" size="small" @click="checkin">新增</el-button>
+        </el-col>
+      </el-row>
+
+      <el-table :data="dataForm.visitorBaseDTOList" class="table" row-class-name="small-row-class" border>
+        <!--序号列-->
+        <el-table-column align="center" type="index" label="#" width="55"/>
+        <!--内容列-->
+        <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <span v-if="column.value === 'idCard'">{{ encrypIdCardNo(scope.row[column.value]) }}</span>
+            <span v-else :class="column.class">{{ scope.row[column.value] }}</span>
+          </template>
+        </el-table-column>
+        <!--操作列-->
+        <el-table-column label="操作" align="center" width="160">
+          <template slot-scope="scope">
+            <el-button type="text" @click="detail(scope.row)">详情</el-button>
+            <el-button type="text" @click="del(scope.row.idCard)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <div style="margin: 25px;">
+      <el-row :gutter="20" class="table-title">
+        <el-col :span="6"><div class="title-header">来访信息</div></el-col>
+      </el-row>
+
+      <el-form v-loading="formLoading" ref="dataForm" :label-position="labelPosition" :rules="rules" :model="dataForm" class="main-form" label-width="120px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="访客所在单位" prop="deptname">
+              <el-input v-model.trim="dataForm.deptname" clearable show-word-limit maxlength="30" type="text" placeholder="必填，访客所在单位"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" >
+            <el-form-item label="访客所在城市" prop="city">
+              <el-input v-model.trim="dataForm.city" clearable show-word-limit maxlength="30" type="text" placeholder="必填，访客所在城市"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item label="接访部门" prop="deptid">
+              <dept-select ref="deptid" v-model="dataForm.deptid" :dept-show="true" :need-top="true" placeholder="所属组织" @change="fetchStaffList"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="接访人员" prop="personId">
+              <el-select v-model="dataForm.personId" placeholder="请选择接访人" filterable clearable>
+                <el-option v-for="item in staffList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="来访事由" prop="matter">
+              <el-input v-model.trim="dataForm.matter" clearable show-word-limit maxlength="30" type="text" placeholder="必填"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="授权时间">
+              <el-radio-group v-model="authTimeType">
+                <el-radio-button v-for="item in authTimeList" :key="item.value" :label="item.value">{{ item.name }}</el-radio-button>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-date-picker
+              :readonly="!customTimeRange"
+              v-model="timeRange"
+              :picker-options="datePickerOptions"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期" />
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+
+    <div style="height: 120px;">
+      <el-row type="flex" justify="center">
+        <el-col :span="15" style="text-align:center">
+          <el-button @click="resetForm"> 重置 </el-button>
+          <el-button type="primary" style="margin-left: 20px;" @click="saveData"> 保存 </el-button>
+        </el-col>
+      </el-row>
+    </div>
+
+    <visitor-check-in ref="checkin" @checked="visitorCheckedIn" />
+  </div>
+</template>
+
+<script>
+import DeptSelect from '@/components/DeptSelect'
+import { daysInMonth, oneDayTime, getDate, formatToString } from '@/utils/calendarUtil'
+import { getStaffByDept } from '@/api/staff'
+import { addVisitorPerson } from '@/api/visitor'
+import VisitorCheckIn from '@/views/visitor/visitorCheckIn'
+
+const now = new Date()
+
+export default {
+  name: 'VisitorPersonAdd',
+  components: { VisitorCheckIn, DeptSelect },
+  data() {
+    return {
+      dataForm: {
+        visitTime: '',
+        deptname: '', // 访客所在单位
+        city: '', // 访客所在城市
+        deptid: '', // 接访部门
+        personId: '', // 接访人员
+        matter: '', // 来访原因
+        startTime: '',
+        endTime: '',
+        visitorBaseDTOList: []
+      }, // 表单
+      rules: {
+        deptname: [{ required: true, message: '单位不能为空', trigger: ['blur', 'change'] }],
+        city: [{ required: true, message: '城市不能为空', trigger: ['blur', 'change'] }],
+        deptid: [{ required: true, message: '接访部门不能为空', trigger: ['blur', 'change'] }],
+        personId: [{ required: true, message: '接访人员不能为空', trigger: ['blur', 'change'] }],
+        matter: [{ required: true, message: '来访原因不能为空', trigger: ['blur', 'change'] }]
+      },
+      staffList: [], // 接访人员列表
+      labelPosition: 'right',
+      authTimeList: [{ name: '当日', value: '1' }, { name: '本周', value: '2' }, { name: '本月', value: '3' }, { name: '自定义', value: '4' }],
+      authTimeType: '1',
+      timeRange: [],
+      customTimeRange: false,
+      deptShowTop: true, // 权属单位下拉是否显示顶级
+      deptShow: true,
+      formLoading: false,
+      dialogFormVisible: false,
+      datePickerOptions: {
+        disabledDate(time) {
+          const yesterday = new Date(now.getTime() - oneDayTime)
+          const oneMonthLater = new Date(now.getTime() + (oneDayTime * 30))
+          return time.getTime() < yesterday || time.getTime() > oneMonthLater
+        }
+      },
+      columns: [
+        {
+          text: '姓名',
+          value: 'name',
+          align: 'center',
+          width: 140
+        },
+        {
+          text: '性别',
+          value: 'sexStr',
+          align: 'center'
+        },
+        {
+          text: '身份证号码',
+          value: 'idCard',
+          align: 'center'
+        },
+        {
+          text: '联系方式',
+          value: 'phone',
+          align: 'center'
+        },
+        {
+          text: '体温',
+          value: 'temperature',
+          align: 'center'
+        }
+      ] // 显示列
+    }
+  },
+  watch: {
+    'authTimeType': function(val) {
+      const weekDay = now.getDay() // 周几
+      const monthDay = now.getDate() // 日期
+      const month = now.getMonth() // 月份
+
+      this.customTimeRange = false
+
+      if (val === '1') {
+        this.timeRange = [getDate(0, 'DATE'), getDate(1, 'DATE')]
+      } else if (val === '2') {
+        this.timeRange = [getDate(0, 'DATE'), getDate(7 - weekDay + 1, 'DATE')]
+      } else if (val === '3') {
+        this.timeRange = [getDate(0, 'DATE'), getDate(daysInMonth[month + 1] - monthDay + 1, 'DATE')]
+      } else if (val === '4') {
+        this.timeRange = []
+        this.customTimeRange = true
+      }
+    }
+  },
+  mounted() {
+    this.resetForm()
+    this.initDateRange()
+  },
+  methods: {
+    // 重置表单
+    resetForm() {
+      this.dataForm = {
+        visitTime: '',
+        deptname: '', // 访客所在单位
+        city: '', // 访客所在城市
+        deptid: '', // 接访部门
+        personId: '', // 接访人员
+        matter: '', // 来访原因
+        startTime: '',
+        endTime: '',
+        visitorBaseDTOList: []
+      }
+
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    initDateRange() {
+      this.authTimeType = '1' // 当日
+      this.dataForm.startTime = getDate(0, 'DATE')
+      this.dataForm.endTime = getDate(1, 'DATE')
+      this.timeRange = [getDate(0, 'DATE'), getDate(1, 'DATE')]
+    },
+    // 身份证号加密显示
+    encrypIdCardNo(idCard) {
+      if (idCard.length > 6) {
+        return idCard.substr(0, 6) + '********' + idCard.substr(14)
+      } else if (idCard) {
+        return idCard
+      } else {
+        return ''
+      }
+    },
+    // 打开访客登记页面
+    checkin() {
+      this.dialogFormVisible = true
+      this.$refs.checkin.initDialog('create', this.dialogFormVisible)
+    },
+    // 一位访客登记完毕
+    visitorCheckedIn(visitor) {
+      this.dataForm.visitorBaseDTOList.push(visitor)
+    },
+    detail(row) {
+      this.dialogFormVisible = true
+      this.$refs.checkin.initDialog('detail', this.dialogFormVisible, row)
+    },
+    del(idCard) {
+      const that = this
+      this.dataForm.visitorBaseDTOList.forEach(function(item, index) {
+        if (item.idCard === idCard) {
+          that.dataForm.visitorBaseDTOList.splice(index, 1)
+        }
+      })
+    },
+    // 保存数据
+    saveData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (this.dataForm.visitorBaseDTOList.length === 0) {
+          this.$message.error('来访人员列表不能为空')
+        } else if (valid) {
+          this.dataForm.visitTime = formatToString(now, 'SECOND')
+          addVisitorPerson(this.dataForm).then(response => {
+            if (response.code === 200) {
+              // 注册成功后清除表单
+              this.resetForm()
+
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).catch(() => {
+                this.$router.push({ path: '/staff/list' })
+              })
+            } else {
+              this.$message.error(response.message)
+              this.btnLoading = false
+            }
+          }).catch(() => {
+            this.$message.error('保存失败，服务器异常')
+          })
+        }
+      })
+    },
+    fetchStaffList() {
+      getStaffByDept({ deptId: this.dataForm.deptid }).then(response => {
+        this.dataForm.personId = ''
+        this.staffList = response.data
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" >
+  .hide .el-upload--picture-card {
+    display: none;
+  }
+  .main-form{
+    margin: 0px 30px;
+    margin-top: 20px;
+    padding: 10px;
+    overflow: auto;
+  }
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+  .line{
+    width: 50px;
+    margin-left: 5px;
+  }
+  .hide .el-upload-–picture-card{
+    display: none;
+  }
+  .imgBox{
+    width: 100%;
+    text-align: center;
+  }
+  .avatar-uploader .el-upload {
+    margin-left: 12px;
+    margin-top: 10px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+  .avatar-uploader .el-upload:hover {
+    border-color: #409EFF;
+  }
+  .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 238px;
+    line-height: 238px;
+    text-align: center;
+  }
+  .avatar {
+    margin: 10px;
+    display: block;
+  }
+  .id-card-btn{
+    width:126px;
+    margin-left: 12px;
+    margin-top: 20px;
+  }
+
+  $tableTitleHeight:46px;
+  .app-container{
+    margin-bottom:20px
+  }
+  .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/visitor.js b/src/api/visitor.js
new file mode 100644
index 0000000..be930bd
--- /dev/null
+++ b/src/api/visitor.js
@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+import qs from 'qs'
+
+// 访客登记
+export function addVisitorPerson(data) {
+  return request({
+    url: 'visitorPerson/add',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/router/modules/visitor.js b/src/router/modules/visitor.js
new file mode 100644
index 0000000..a60b5dd
--- /dev/null
+++ b/src/router/modules/visitor.js
@@ -0,0 +1,46 @@
+// 车辆管理部分路由
+/* Layout */
+import Layout from '../../views/layout/Layout'
+
+export const visitorRouters = [
+  {
+    path: 'visitor',
+    component: Layout,
+    redirect: '/visitor',
+    name: 'Visitor',
+    alwaysShow: true,
+    meta: {
+      title: '访客管理',
+      icon: 'icon-visitor', // 图标
+      permission: ['/visitor']// 权限名称
+    },
+    children: [
+      {
+        path: '/visitor/add',
+        name: 'VisitorAdd',
+        component: () => import('@/views/visitor/visitorAdd'),
+        meta: { title: '访客登记', icon: '', permission: ['/visitor/add'], keepAlive: true }
+      }
+      // {
+      //   path: '/visitor/personList',
+      //   name: 'VisitorPersonList',
+      //   component: () => import('@/views/visitor/visitorPersonList'),
+      //   meta: { title: '当日来访人员', icon: '', permission: ['/visitor/personlist'], keepAlive: true }
+      // },
+      // {
+      //   path: '/visitor/carList',
+      //   name: 'VisitorCarList',
+      //   hidden: true,
+      //   component: () => import('@/views/visitor/visitorCarList'),
+      //   meta: { title: '当日来访车辆', icon: '', permission: ['/visitor/carList'], keepAlive: true }
+      // },
+      // {
+      //   path: '/visitor/list',
+      //   name: 'VisitorList',
+      //   hidden: true,
+      //   component: () => import('@/views/visitor/visitorList'),
+      //   meta: { title: '来访记录', icon: '', permission: ['/visitor/list'], keepAlive: true }
+      // }
+    ]
+  }
+]
diff --git a/src/utils/validate.js b/src/utils/validate.js
index 6f639fd..147b862 100644
--- a/src/utils/validate.js
+++ b/src/utils/validate.js
@@ -89,3 +89,48 @@
   }
 }
 
+// 身份证号码校验validator
+export const validateIDCard = (rule, value, callback) => {
+  if (value !== '') {
+    if ((/^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/).test(value) === false) {
+      callback(new Error('请输入合法的身份证号'))
+    } else {
+      callback()
+    }
+  } else {
+    callback(new Error('身份证号不能为空'))
+  }
+}
+
+// 手机号验证validator
+export const phoneValidator = (rule, value, callback) => {
+  const reg = /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/
+  if (value !== '') {
+    if (reg.test(value) === false) {
+      callback(new Error('请输入正确的手机号'))
+    } else {
+      callback()
+    }
+  } else {
+    callback(new Error('手机号不能为空'))
+  }
+}
+
+// 体温校验validator
+export const temValidator = (rule, value, callback) => {
+  const reg = /^\d+(\.\d+)?$/
+  if (value !== '') {
+    if (reg.test(value) === false) {
+      callback(new Error('请输入数字'))
+    } else {
+      const data = parseFloat(value)
+      if (data > 37.3 || data < 35) {
+        callback(new Error('请检查体温'))
+      } else {
+        callback()
+      }
+    }
+  } else {
+    callback(new Error('体温不能为空'))
+  }
+}
diff --git a/src/views/visitor/visitorAdd.vue b/src/views/visitor/visitorAdd.vue
new file mode 100644
index 0000000..a212942
--- /dev/null
+++ b/src/views/visitor/visitorAdd.vue
@@ -0,0 +1,392 @@
+<template>
+  <div class="app-container">
+    <div style="margin: 25px;">
+      <el-row :gutter="20" class="table-title">
+        <el-col :span="6"><div class="title-header">人员信息</div></el-col>
+        <el-col :span="12" :offset="6" class="edit_btns">
+          <el-button class="edit_btn" size="small" @click="checkin">新增</el-button>
+        </el-col>
+      </el-row>
+
+      <el-table :data="dataForm.visitorBaseDTOList" class="table" row-class-name="small-row-class" border>
+        <!--序号列-->
+        <el-table-column align="center" type="index" label="#" width="55"/>
+        <!--内容列-->
+        <el-table-column v-for="column in columns" :key="column.value" :label="column.text" :width="column.width" :align="column.align" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <span v-if="column.value === 'idCard'">{{ encrypIdCardNo(scope.row[column.value]) }}</span>
+            <span v-else :class="column.class">{{ scope.row[column.value] }}</span>
+          </template>
+        </el-table-column>
+        <!--操作列-->
+        <el-table-column label="操作" align="center" width="160">
+          <template slot-scope="scope">
+            <el-button type="text" @click="detail(scope.row)">详情</el-button>
+            <el-button type="text" @click="del(scope.row.idCard)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <div style="margin: 25px;">
+      <el-row :gutter="20" class="table-title">
+        <el-col :span="6"><div class="title-header">来访信息</div></el-col>
+      </el-row>
+
+      <el-form v-loading="formLoading" ref="dataForm" :label-position="labelPosition" :rules="rules" :model="dataForm" class="main-form" label-width="120px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="访客所在单位" prop="deptname">
+              <el-input v-model.trim="dataForm.deptname" clearable show-word-limit maxlength="30" type="text" placeholder="必填，访客所在单位"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" >
+            <el-form-item label="访客所在城市" prop="city">
+              <el-input v-model.trim="dataForm.city" clearable show-word-limit maxlength="30" type="text" placeholder="必填，访客所在城市"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item label="接访部门" prop="deptid">
+              <dept-select ref="deptid" v-model="dataForm.deptid" :dept-show="true" :need-top="true" placeholder="所属组织" @change="fetchStaffList"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="接访人员" prop="personId">
+              <el-select v-model="dataForm.personId" placeholder="请选择接访人" filterable clearable>
+                <el-option v-for="item in staffList" :key="item.id" :label="item.name" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="来访事由" prop="matter">
+              <el-input v-model.trim="dataForm.matter" clearable show-word-limit maxlength="30" type="text" placeholder="必填"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="授权时间">
+              <el-radio-group v-model="authTimeType">
+                <el-radio-button v-for="item in authTimeList" :key="item.value" :label="item.value">{{ item.name }}</el-radio-button>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-date-picker
+              :readonly="!customTimeRange"
+              v-model="timeRange"
+              :picker-options="datePickerOptions"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期" />
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+
+    <div style="height: 120px;">
+      <el-row type="flex" justify="center">
+        <el-col :span="15" style="text-align:center">
+          <el-button @click="resetForm"> 重置 </el-button>
+          <el-button type="primary" style="margin-left: 20px;" @click="saveData"> 保存 </el-button>
+        </el-col>
+      </el-row>
+    </div>
+
+    <visitor-check-in ref="checkin" @checked="visitorCheckedIn" />
+  </div>
+</template>
+
+<script>
+import DeptSelect from '@/components/DeptSelect'
+import { daysInMonth, oneDayTime, getDate, formatToString } from '@/utils/calendarUtil'
+import { getStaffByDept } from '@/api/staff'
+import { addVisitorPerson } from '@/api/visitor'
+import VisitorCheckIn from '@/views/visitor/visitorCheckIn'
+
+const now = new Date()
+
+export default {
+  name: 'VisitorPersonAdd',
+  components: { VisitorCheckIn, DeptSelect },
+  data() {
+    return {
+      dataForm: {
+        visitTime: '',
+        deptname: '', // 访客所在单位
+        city: '', // 访客所在城市
+        deptid: '', // 接访部门
+        personId: '', // 接访人员
+        matter: '', // 来访原因
+        startTime: '',
+        endTime: '',
+        visitorBaseDTOList: []
+      }, // 表单
+      rules: {
+        deptname: [{ required: true, message: '单位不能为空', trigger: ['blur', 'change'] }],
+        city: [{ required: true, message: '城市不能为空', trigger: ['blur', 'change'] }],
+        deptid: [{ required: true, message: '接访部门不能为空', trigger: ['blur', 'change'] }],
+        personId: [{ required: true, message: '接访人员不能为空', trigger: ['blur', 'change'] }],
+        matter: [{ required: true, message: '来访原因不能为空', trigger: ['blur', 'change'] }]
+      },
+      staffList: [], // 接访人员列表
+      labelPosition: 'right',
+      authTimeList: [{ name: '当日', value: '1' }, { name: '本周', value: '2' }, { name: '本月', value: '3' }, { name: '自定义', value: '4' }],
+      authTimeType: '1',
+      timeRange: [],
+      customTimeRange: false,
+      deptShowTop: true, // 权属单位下拉是否显示顶级
+      deptShow: true,
+      formLoading: false,
+      dialogFormVisible: false,
+      datePickerOptions: {
+        disabledDate(time) {
+          const yesterday = new Date(now.getTime() - oneDayTime)
+          const oneMonthLater = new Date(now.getTime() + (oneDayTime * 30))
+          return time.getTime() < yesterday || time.getTime() > oneMonthLater
+        }
+      },
+      columns: [
+        {
+          text: '姓名',
+          value: 'name',
+          align: 'center',
+          width: 140
+        },
+        {
+          text: '性别',
+          value: 'sexStr',
+          align: 'center'
+        },
+        {
+          text: '身份证号码',
+          value: 'idCard',
+          align: 'center'
+        },
+        {
+          text: '联系方式',
+          value: 'phone',
+          align: 'center'
+        },
+        {
+          text: '体温',
+          value: 'temperature',
+          align: 'center'
+        }
+      ] // 显示列
+    }
+  },
+  watch: {
+    'authTimeType': function(val) {
+      const weekDay = now.getDay() // 周几
+      const monthDay = now.getDate() // 日期
+      const month = now.getMonth() // 月份
+
+      this.customTimeRange = false
+
+      if (val === '1') {
+        this.timeRange = [getDate(0, 'DATE'), getDate(1, 'DATE')]
+      } else if (val === '2') {
+        this.timeRange = [getDate(0, 'DATE'), getDate(7 - weekDay + 1, 'DATE')]
+      } else if (val === '3') {
+        this.timeRange = [getDate(0, 'DATE'), getDate(daysInMonth[month + 1] - monthDay + 1, 'DATE')]
+      } else if (val === '4') {
+        this.timeRange = []
+        this.customTimeRange = true
+      }
+    }
+  },
+  mounted() {
+    this.resetForm()
+    this.initDateRange()
+  },
+  methods: {
+    // 重置表单
+    resetForm() {
+      this.dataForm = {
+        visitTime: '',
+        deptname: '', // 访客所在单位
+        city: '', // 访客所在城市
+        deptid: '', // 接访部门
+        personId: '', // 接访人员
+        matter: '', // 来访原因
+        startTime: '',
+        endTime: '',
+        visitorBaseDTOList: []
+      }
+
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    initDateRange() {
+      this.authTimeType = '1' // 当日
+      this.dataForm.startTime = getDate(0, 'DATE')
+      this.dataForm.endTime = getDate(1, 'DATE')
+      this.timeRange = [getDate(0, 'DATE'), getDate(1, 'DATE')]
+    },
+    // 身份证号加密显示
+    encrypIdCardNo(idCard) {
+      if (idCard.length > 6) {
+        return idCard.substr(0, 6) + '********' + idCard.substr(14)
+      } else if (idCard) {
+        return idCard
+      } else {
+        return ''
+      }
+    },
+    // 打开访客登记页面
+    checkin() {
+      this.dialogFormVisible = true
+      this.$refs.checkin.initDialog('create', this.dialogFormVisible)
+    },
+    // 一位访客登记完毕
+    visitorCheckedIn(visitor) {
+      this.dataForm.visitorBaseDTOList.push(visitor)
+    },
+    detail(row) {
+      this.dialogFormVisible = true
+      this.$refs.checkin.initDialog('detail', this.dialogFormVisible, row)
+    },
+    del(idCard) {
+      const that = this
+      this.dataForm.visitorBaseDTOList.forEach(function(item, index) {
+        if (item.idCard === idCard) {
+          that.dataForm.visitorBaseDTOList.splice(index, 1)
+        }
+      })
+    },
+    // 保存数据
+    saveData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (this.dataForm.visitorBaseDTOList.length === 0) {
+          this.$message.error('来访人员列表不能为空')
+        } else if (valid) {
+          this.dataForm.visitTime = formatToString(now, 'SECOND')
+          addVisitorPerson(this.dataForm).then(response => {
+            if (response.code === 200) {
+              // 注册成功后清除表单
+              this.resetForm()
+
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).catch(() => {
+                this.$router.push({ path: '/staff/list' })
+              })
+            } else {
+              this.$message.error(response.message)
+              this.btnLoading = false
+            }
+          }).catch(() => {
+            this.$message.error('保存失败，服务器异常')
+          })
+        }
+      })
+    },
+    fetchStaffList() {
+      getStaffByDept({ deptId: this.dataForm.deptid }).then(response => {
+        this.dataForm.personId = ''
+        this.staffList = response.data
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" >
+  .hide .el-upload--picture-card {
+    display: none;
+  }
+  .main-form{
+    margin: 0px 30px;
+    margin-top: 20px;
+    padding: 10px;
+    overflow: auto;
+  }
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+  .line{
+    width: 50px;
+    margin-left: 5px;
+  }
+  .hide .el-upload-–picture-card{
+    display: none;
+  }
+  .imgBox{
+    width: 100%;
+    text-align: center;
+  }
+  .avatar-uploader .el-upload {
+    margin-left: 12px;
+    margin-top: 10px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+  .avatar-uploader .el-upload:hover {
+    border-color: #409EFF;
+  }
+  .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 238px;
+    line-height: 238px;
+    text-align: center;
+  }
+  .avatar {
+    margin: 10px;
+    display: block;
+  }
+  .id-card-btn{
+    width:126px;
+    margin-left: 12px;
+    margin-top: 20px;
+  }
+
+  $tableTitleHeight:46px;
+  .app-container{
+    margin-bottom:20px
+  }
+  .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/views/visitor/visitorCheckIn.vue b/src/views/visitor/visitorCheckIn.vue
new file mode 100644
index 0000000..db4ffb4
--- /dev/null
+++ b/src/views/visitor/visitorCheckIn.vue
@@ -0,0 +1,293 @@
+<!-- 访客刷证登记页面 -->
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :close-on-click-modal="false" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="dataForm" label-well-code="right" label-width="100px">
+      <el-row>
+        <el-col :span="6">
+          <el-row>
+            <div class="avatar">
+              <el-image
+                :src="photo!==''?photo:defaultPhoto"
+                fit="cover"
+                style="width: 130px; height: 175px"/>
+            </div>
+          </el-row>
+          <el-row>
+            <el-button v-show="isEditMode" :disabled="readCard" type="primary" plain class="id-card-btn" @click="readIDCard">读取身份证</el-button>
+          </el-row>
+        </el-col>
+
+        <el-col :span="16">
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="姓名" prop="name">
+                <el-input v-model.trim="dataForm.name" :readonly="readCard" :disabled="!isEditMode" type="text" placeholder="必填"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="性别" prop="sex">
+                <el-select v-model="dataForm.sex" :disabled="readCard||!isEditMode" placeholder="性别" clearable>
+                  <el-option v-for="item in sexList" :key="item.value" :label="item.name" :value="item.value"/>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="24" >
+              <el-form-item label="身份证号" prop="idCard">
+                <el-input v-model.trim="dataForm.idCard" :readonly="readCard" :disabled="!isEditMode" type="text" placeholder="身份证号"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="14">
+              <el-form-item label="联系电话" prop="phone">
+                <el-input v-model.trim="dataForm.phone" :disabled="!isEditMode" type="text" placeholder="联系电话"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="10">
+              <el-form-item label="体温" prop="temperature">
+                <el-input v-model.trim="dataForm.temperature" :disabled="!isEditMode" type="text" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="24" >
+              <el-form-item label="出生日期" prop="birthday">
+                <el-date-picker
+                  v-model="dataForm.birthday"
+                  :editable="false"
+                  :readonly="readCard"
+                  :disabled="!isEditMode"
+                  type="date"
+                  style="width: 100%"
+                  value-format="yyyy-MM-dd"
+                  placeholder="选择出生日期"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="20">
+            <el-col :span="24">
+              <el-form-item label="住址" prop="address">
+                <el-input v-model.trim="dataForm.address" :readonly="readCard" :disabled="!isEditMode" type="text" placeholder="非必填"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div v-show="isEditMode" slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" :disabled="!readCard" type="primary" @click="saveData">保存</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { getSexType } from '@/api/allDict'
+import { getBirthdayByIdNO, getSexByIdNO } from '@/utils/dataAnalysis'
+import { phoneValidator, temValidator } from '@/utils/validate'
+
+export default {
+  name: 'VisitorCheckIn',
+  data() {
+    return {
+      isEditMode: true, // 是否为编辑模式，非编辑模式都为只读
+      readCard: false, // 是否从读卡器读卡，未从读卡器读卡不能提交，读卡之后不能编辑
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update,detail
+      dataForm: {
+        idCard: '', // 身份证号
+        name: '', // 姓名
+        sex: '', // 性别
+        sexStr: '',
+        phone: '', // 联系电话
+        birthday: '', // 出生日期
+        temperature: '', // 体温
+        photo: '',
+        address: ''
+      }, // 表单
+      photo: '', // 图片路径
+      defaultPhoto: require('@/assets/global_images/photo.png'), // 默认图片路径
+      textMap: {
+        create: '来访人员登记',
+        detail: '详情'
+      }, // 表头显示标题
+      rules: {
+        phone: [{ required: true, trigger: ['blur', 'change'], validator: phoneValidator }],
+        temperature: [{ required: true, trigger: ['blur', 'change'], validator: temValidator }]
+      }, // 前端校验规则
+      sexList: [],
+      btnLoading: true // 保存按钮是否不允许点击
+    }
+  },
+  watch: {
+    'dataForm.idCard': function(val) {
+      this.dataForm.birthday = getBirthdayByIdNO(val)
+      this.dataForm.sex = getSexByIdNO(val)
+    }
+  },
+  created() {
+    // 初始化性别字典值列表
+    getSexType().then(response => {
+      this.sexList = response.data
+    })
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.btnLoading = false
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+
+      this.resetForm()
+
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.isEditMode = true
+        this.readCard = false
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'detail') {
+        this.isEditMode = false
+
+        this.dataForm = {
+          idCard: row.idCard,
+          name: row.name,
+          phone: row.phone,
+          temperature: row.temperature,
+          address: row.address
+        }
+
+        this.dataForm.birthday = getBirthdayByIdNO(row.idCard)
+        this.dataForm.sex = getSexByIdNO(row.idCard)
+
+        this.photo = row.photo
+      }
+    },
+    // 清除数据
+    resetForm() {
+      this.dataForm = {
+        idCard: '', // 身份证号
+        name: '', // 姓名
+        sex: '', // 性别
+        sexStr: '',
+        phone: '', // 联系电话
+        birthday: '', // 出生日期
+        temperature: '', // 体温
+        photo: '',
+        address: ''
+      }
+
+      this.photo = ''
+      this.btnLoading = false
+      this.readCard = false
+
+      this.isEditMode = true
+      this.readCard = false
+    },
+    readIDCard() {
+      const that = this
+      this.ws = that.$root.ws
+      if (this.ws === null) {
+        this.ws = new WebSocket(that.$root.wsURL)
+        // 注册各类回调
+        this.ws.onopen = function() {
+          that.ws.send('ReadIdCard')
+        }
+        this.ws.onclose = function() {
+          that.$message.info('与ICS连接断开')
+          that.$root.ws = null
+        }
+        this.ws.onerror = function() {
+          that.$message.error('与ICS通信发生错误')
+        }
+        that.$root.ws = this.ws
+      } else {
+        this.ws.send('ReadIdCard')
+      }
+      this.ws.onmessage = function(receiveMsg) {
+        const data = JSON.parse(receiveMsg.data)
+        console.log(data)
+        if (data !== '' && data.message !== 'fail') {
+          that.dataForm.idCard = data.IdCardNo
+          that.dataForm.name = data.Name
+          that.photo = data.Photo
+          that.dataForm.photo = data.Photo
+          that.dataForm.address = data.Address
+          that.dataForm.sexStr = data.Sex
+
+          // 读过身份证了
+          that.readCard = true
+        } else {
+          that.$message.warning('读卡失败')
+        }
+      }
+    },
+    // 保存数据
+    saveData: function() {
+      this.btnLoading = true
+
+      this.visitorCheckedIn()
+    },
+    // 新增数据
+    visitorCheckedIn: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid && this.readCard) {
+          const list = this.$parent.dataForm.visitorBaseDTOList
+          let isChecked = false
+          // 遍历父组件的visitorBaseDTOList，检查是否已经登记过
+          list.forEach(item => {
+            if (item.idCard === this.dataForm.idCard) {
+              isChecked = true
+            }
+          })
+
+          if (isChecked === true) {
+            this.$message.error('该身份证已经登记过，请检查')
+
+            this.$nextTick(() => {
+              this.btnLoading = false
+              this.readCard = false
+            })
+          } else {
+            // 发送信号让父组件添加
+            this.$emit('checked', this.dataForm)
+
+            this.$confirm('新增成功，是否继续新增?', '提示', {
+              confirmButtonText: '是',
+              cancelButtonText: '否',
+              type: 'info'
+            }).then(() => {
+              this.resetForm()
+              this.$nextTick(() => {
+                this.$refs['dataForm'].clearValidate()
+              })
+            }).catch(() => {
+              this.dialogFormVisible = false
+            })
+          }
+        } else {
+          this.btnLoading = false
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-select{
+    width: 100%;
+  }
+  .el-date-editor{
+    width: 100%;
+  }
+  .dialog-footer {
+    margin-top: -20px;
+    text-align: center;
+  }
+</style>