From 86b3b847bfba1555168dcd06283524317c43e86b Mon Sep 17 00:00:00 2001
From: huangyuxuan <huangyuxuan@zcloudchina.com>
Date: Thu, 26 Dec 2024 09:49:57 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E=E5=8A=9F=E8=83=BD](hyx=5F?=
 =?UTF-8?q?=E9=97=A8=E5=8F=A3=E9=97=A8=E7=A6=81):=20=20=20-=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=20=E8=82=A1=E4=BB=BD=E4=BA=BA=E5=91=98=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E7=AE=A1=E7=90=86=E5=88=97=E8=A1=A8=EF=BC=8C=E4=BA=BA?=
 =?UTF-8?q?=E5=91=98=E8=BF=9B=E5=87=BA=E8=AF=A6=E6=83=85=20=20=20-=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20=E5=88=86=E5=85=AC=E5=8F=B8=E4=BA=BA?=
 =?UTF-8?q?=E5=91=98=E4=BF=A1=E6=81=AF=E7=AE=A1=E7=90=86=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=EF=BC=8C=E4=BA=BA=E5=91=98=E8=BF=9B=E5=87=BA=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=20=20=20-=20=E6=96=B0=E5=A2=9E=20=E9=A9=BB=E6=B8=AF=E5=8D=95?=
 =?UTF-8?q?=E4=BD=8D=E4=BA=BA=E5=91=98=E4=BF=A1=E6=81=AF=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=EF=BC=8C=E4=BA=BA=E5=91=98=E8=BF=9B=E5=87=BA?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=20=20=20-=20=E6=96=B0=E5=A2=9E=20=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3=E6=96=B9=E5=8D=95=E4=BD=8D=E4=BA=BA=E5=91=98=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E5=88=97=E8=A1=A8=EF=BC=8C=E4=BA=BA=E5=91=98=E8=BF=9B?=
 =?UTF-8?q?=E5=87=BA=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jgPerson/components/list.vue              | 163 ++++++++++++++++++
 .../jgPerson/components/recordsList.vue       | 131 ++++++++++++++
 src/views/mkmjManagement/jgPerson/index.vue   |  24 +++
 .../qyPerson/components/list.vue              | 163 ++++++++++++++++++
 .../qyPerson/components/recordsList.vue       | 131 ++++++++++++++
 src/views/mkmjManagement/qyPerson/index.vue   |  24 +++
 .../xgfPerson/components/list.vue             | 163 ++++++++++++++++++
 .../xgfPerson/components/recordsList.vue      | 131 ++++++++++++++
 src/views/mkmjManagement/xgfPerson/index.vue  |  24 +++
 .../zgPerson/components/list.vue              | 163 ++++++++++++++++++
 .../zgPerson/components/recordsList.vue       | 131 ++++++++++++++
 src/views/mkmjManagement/zgPerson/index.vue   |  24 +++
 12 files changed, 1272 insertions(+)
 create mode 100644 src/views/mkmjManagement/jgPerson/components/list.vue
 create mode 100644 src/views/mkmjManagement/jgPerson/components/recordsList.vue
 create mode 100644 src/views/mkmjManagement/jgPerson/index.vue
 create mode 100644 src/views/mkmjManagement/qyPerson/components/list.vue
 create mode 100644 src/views/mkmjManagement/qyPerson/components/recordsList.vue
 create mode 100644 src/views/mkmjManagement/qyPerson/index.vue
 create mode 100644 src/views/mkmjManagement/xgfPerson/components/list.vue
 create mode 100644 src/views/mkmjManagement/xgfPerson/components/recordsList.vue
 create mode 100644 src/views/mkmjManagement/xgfPerson/index.vue
 create mode 100644 src/views/mkmjManagement/zgPerson/components/list.vue
 create mode 100644 src/views/mkmjManagement/zgPerson/components/recordsList.vue
 create mode 100644 src/views/mkmjManagement/zgPerson/index.vue

diff --git a/src/views/mkmjManagement/jgPerson/components/list.vue b/src/views/mkmjManagement/jgPerson/components/list.vue
new file mode 100644
index 0000000..16e4f79
--- /dev/null
+++ b/src/views/mkmjManagement/jgPerson/components/list.vue
@@ -0,0 +1,163 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-form ref="form" v-model="form">
+        <el-col :span="5">
+          <el-form-item label="人员名称:">
+            <el-input v-model="form.USER_NAME" placeholder="搜索" class="filter-item" style="width: 200px;"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="企业名称:">
+            <el-input v-model="form.CORPINFO_NAME" placeholder="搜索" class="filter-item" style="width: 200px;"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="部门名称:">
+            <el-input v-model="form.DEPARTMENT_NAME" placeholder="搜索" class="filter-item" style="width: 200px;"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">搜索</el-button>
+          <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="reset">重置</el-button>
+        </el-col>
+      </el-form>
+    </div>
+    <el-table
+      v-loading="listLoading"
+      ref="multipleTable"
+      :data="varList"
+      :row-key="getRowKey"
+      :header-cell-style="{
+        'font-weight': 'bold',
+        'color': '#000'
+      }"
+      tooltip-effect="dark"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column
+        :reserve-selection="true"
+        type="selection"
+        width="55"
+        align="center"/>
+      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="NAME" label="姓名"/>
+      <el-table-column prop="PHONE" label="手机号"/>
+      <el-table-column prop="CORPINFO_NAME" label="企业名称"/>
+      <el-table-column prop="DEPARTMENT_NAME" label="部门名称"/>
+      <el-table-column label="来源" align="center" width="120">
+        <template slot-scope="{row}">
+          {{ getUserType(row.USER_TYPE) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button type="primary" icon="el-icon-view" size="mini" @click="getAuditInfo(row)">详情</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="page-btn-group">
+      <div/><div/>
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default{
+  components: { Pagination },
+  directives: { waves },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      typeList: [
+        { ID: '0', NAME: '监管端' },
+        { ID: '1', NAME: '企业端' },
+        { ID: '2', NAME: '相关方端' }
+      ],
+      total: 0,
+      title: '',
+      isShow: false,
+      form: {
+        USER_NAME: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        USER_TYPE: 0
+      }
+    }
+  },
+  created() {
+    console.log('=====================')
+    console.log(this.form)
+    console.log('=====================')
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.USER_ID
+    },
+    getUserType(USER_TYPE) {
+      if (USER_TYPE === '0') {
+        return '监管端'
+      } else if (USER_TYPE === '1') {
+        return '企业端'
+      } else if (USER_TYPE === '2') {
+        return '相关方端'
+      }
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.multipleTable.clearSelection()
+      this.getList()
+    },
+    // 重置
+    reset() {
+      this.form = {
+        USER_NAME: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: ''
+      }
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/personManagementList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.personManagementList
+        this.total = data.page.totalResult
+        this.hasButton()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getAuditInfo(ROW) {
+      console.log(ROW)
+      this.$parent.activeName = 'recordsList'
+      this.$parent.USER_ID = ROW.USER_ID
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/mkmjManagement/jgPerson/components/recordsList.vue b/src/views/mkmjManagement/jgPerson/components/recordsList.vue
new file mode 100644
index 0000000..224e96a
--- /dev/null
+++ b/src/views/mkmjManagement/jgPerson/components/recordsList.vue
@@ -0,0 +1,131 @@
+<template>
+  <div class="app-container">
+    <el-table
+      v-loading="listLoading"
+      ref="multipleTable"
+      :data="varList"
+      :row-key="getRowKey"
+      :header-cell-style="{
+        'font-weight': 'bold',
+        'color': '#000'
+      }"
+      tooltip-effect="dark"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column
+        :reserve-selection="true"
+        type="selection"
+        width="55"
+        align="center"/>
+      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="NAME" label="姓名"/>
+      <el-table-column prop="PHONE" label="手机号"/>
+      <el-table-column prop="cardNumber" label="证件号码"/>
+      <el-table-column prop="channelName" label="口门名称"/>
+      <el-table-column prop="departmentName" label="部门名称"/>
+      <el-table-column prop="inOrOut" label="进出状态"/>
+      <el-table-column prop="personCode" label="人员编号"/>
+      <el-table-column prop="personType" label="人员身份"/>
+      <el-table-column prop="personType" label="人员身份"/>
+      <el-table-column prop="regionName" label="区域名称"/>
+      <el-table-column prop="reportTime" label="上报时间"/>
+    </el-table>
+    <div class="page-btn-group">
+      <div/><div/>
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+    </div>
+    <div class="ui-foot">
+      <el-button type="primary" @click="goBack">返 回</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default{
+  components: { Pagination },
+  directives: { waves },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      typeList: [
+        { ID: '0', NAME: '监管端' },
+        { ID: '1', NAME: '企业端' },
+        { ID: '2', NAME: '相关方端' }
+      ],
+      total: 0,
+      title: '',
+      isShow: false,
+      USER_ID: this.$parent.USER_ID,
+      form: {
+        USER_NAME: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        USER_TYPE: ''
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.USER_ID
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.multipleTable.clearSelection()
+      this.getList()
+    },
+    // 重置
+    reset() {
+      this.form = {
+        USER_NAME: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: ''
+      }
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/checkEntryAndExitRecords?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          USER_ID: this.USER_ID
+        }
+
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.recordList
+        this.total = data.page.totalResult
+        this.hasButton()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    goBack() {
+      this.$parent.activeName = 'List'
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/mkmjManagement/jgPerson/index.vue b/src/views/mkmjManagement/jgPerson/index.vue
new file mode 100644
index 0000000..b7e4344
--- /dev/null
+++ b/src/views/mkmjManagement/jgPerson/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <component :is="activeName" />
+</template>
+
+<script>
+import List from './components/list.vue'
+import recordsList from './components/recordsList.vue'
+export default {
+  components: {
+    List: List,
+    recordsList: recordsList
+  },
+  data() {
+    return {
+      activeName: 'List',
+      USER_ID: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/mkmjManagement/qyPerson/components/list.vue b/src/views/mkmjManagement/qyPerson/components/list.vue
new file mode 100644
index 0000000..a71a42b
--- /dev/null
+++ b/src/views/mkmjManagement/qyPerson/components/list.vue
@@ -0,0 +1,163 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-form ref="form" v-model="form">
+        <el-col :span="5">
+          <el-form-item label="人员名称:">
+            <el-input v-model="form.USER_NAME" placeholder="搜索" class="filter-item" style="width: 200px;"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="企业名称:">
+            <el-input v-model="form.CORPINFO_NAME" placeholder="搜索" class="filter-item" style="width: 200px;"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="部门名称:">
+            <el-input v-model="form.DEPARTMENT_NAME" placeholder="搜索" class="filter-item" style="width: 200px;"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">搜索</el-button>
+          <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="reset">重置</el-button>
+        </el-col>
+      </el-form>
+    </div>
+    <el-table
+      v-loading="listLoading"
+      ref="multipleTable"
+      :data="varList"
+      :row-key="getRowKey"
+      :header-cell-style="{
+        'font-weight': 'bold',
+        'color': '#000'
+      }"
+      tooltip-effect="dark"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column
+        :reserve-selection="true"
+        type="selection"
+        width="55"
+        align="center"/>
+      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="NAME" label="姓名"/>
+      <el-table-column prop="PHONE" label="手机号"/>
+      <el-table-column prop="CORPINFO_NAME" label="企业名称"/>
+      <el-table-column prop="DEPARTMENT_NAME" label="部门名称"/>
+      <el-table-column label="来源" align="center" width="120">
+        <template slot-scope="{row}">
+          {{ getUserType(row.USER_TYPE) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button type="primary" icon="el-icon-view" size="mini" @click="getAuditInfo(row)">详情</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="page-btn-group">
+      <div/><div/>
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default{
+  components: { Pagination },
+  directives: { waves },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      typeList: [
+        { ID: '0', NAME: '监管端' },
+        { ID: '1', NAME: '企业端' },
+        { ID: '2', NAME: '相关方端' }
+      ],
+      total: 0,
+      title: '',
+      isShow: false,
+      form: {
+        USER_NAME: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        USER_TYPE: 1
+      }
+    }
+  },
+  created() {
+    console.log('=====================')
+    console.log(this.form)
+    console.log('=====================')
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.USER_ID
+    },
+    getUserType(USER_TYPE) {
+      if (USER_TYPE === '0') {
+        return '监管端'
+      } else if (USER_TYPE === '1') {
+        return '企业端'
+      } else if (USER_TYPE === '2') {
+        return '相关方端'
+      }
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.multipleTable.clearSelection()
+      this.getList()
+    },
+    // 重置
+    reset() {
+      this.form = {
+        USER_NAME: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: ''
+      }
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/personManagementList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.personManagementList
+        this.total = data.page.totalResult
+        this.hasButton()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getAuditInfo(ROW) {
+      console.log(ROW)
+      this.$parent.activeName = 'recordsList'
+      this.$parent.USER_ID = ROW.USER_ID
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/mkmjManagement/qyPerson/components/recordsList.vue b/src/views/mkmjManagement/qyPerson/components/recordsList.vue
new file mode 100644
index 0000000..224e96a
--- /dev/null
+++ b/src/views/mkmjManagement/qyPerson/components/recordsList.vue
@@ -0,0 +1,131 @@
+<template>
+  <div class="app-container">
+    <el-table
+      v-loading="listLoading"
+      ref="multipleTable"
+      :data="varList"
+      :row-key="getRowKey"
+      :header-cell-style="{
+        'font-weight': 'bold',
+        'color': '#000'
+      }"
+      tooltip-effect="dark"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column
+        :reserve-selection="true"
+        type="selection"
+        width="55"
+        align="center"/>
+      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="NAME" label="姓名"/>
+      <el-table-column prop="PHONE" label="手机号"/>
+      <el-table-column prop="cardNumber" label="证件号码"/>
+      <el-table-column prop="channelName" label="口门名称"/>
+      <el-table-column prop="departmentName" label="部门名称"/>
+      <el-table-column prop="inOrOut" label="进出状态"/>
+      <el-table-column prop="personCode" label="人员编号"/>
+      <el-table-column prop="personType" label="人员身份"/>
+      <el-table-column prop="personType" label="人员身份"/>
+      <el-table-column prop="regionName" label="区域名称"/>
+      <el-table-column prop="reportTime" label="上报时间"/>
+    </el-table>
+    <div class="page-btn-group">
+      <div/><div/>
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+    </div>
+    <div class="ui-foot">
+      <el-button type="primary" @click="goBack">返 回</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default{
+  components: { Pagination },
+  directives: { waves },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      typeList: [
+        { ID: '0', NAME: '监管端' },
+        { ID: '1', NAME: '企业端' },
+        { ID: '2', NAME: '相关方端' }
+      ],
+      total: 0,
+      title: '',
+      isShow: false,
+      USER_ID: this.$parent.USER_ID,
+      form: {
+        USER_NAME: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        USER_TYPE: ''
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.USER_ID
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.multipleTable.clearSelection()
+      this.getList()
+    },
+    // 重置
+    reset() {
+      this.form = {
+        USER_NAME: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: ''
+      }
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/checkEntryAndExitRecords?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          USER_ID: this.USER_ID
+        }
+
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.recordList
+        this.total = data.page.totalResult
+        this.hasButton()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    goBack() {
+      this.$parent.activeName = 'List'
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/mkmjManagement/qyPerson/index.vue b/src/views/mkmjManagement/qyPerson/index.vue
new file mode 100644
index 0000000..b7e4344
--- /dev/null
+++ b/src/views/mkmjManagement/qyPerson/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <component :is="activeName" />
+</template>
+
+<script>
+import List from './components/list.vue'
+import recordsList from './components/recordsList.vue'
+export default {
+  components: {
+    List: List,
+    recordsList: recordsList
+  },
+  data() {
+    return {
+      activeName: 'List',
+      USER_ID: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/mkmjManagement/xgfPerson/components/list.vue b/src/views/mkmjManagement/xgfPerson/components/list.vue
new file mode 100644
index 0000000..bc36508
--- /dev/null
+++ b/src/views/mkmjManagement/xgfPerson/components/list.vue
@@ -0,0 +1,163 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-form ref="form" v-model="form">
+        <el-col :span="5">
+          <el-form-item label="人员名称:">
+            <el-input v-model="form.USER_NAME" placeholder="搜索" class="filter-item" style="width: 200px;"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="企业名称:">
+            <el-input v-model="form.CORPINFO_NAME" placeholder="搜索" class="filter-item" style="width: 200px;"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="部门名称:">
+            <el-input v-model="form.DEPARTMENT_NAME" placeholder="搜索" class="filter-item" style="width: 200px;"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">搜索</el-button>
+          <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="reset">重置</el-button>
+        </el-col>
+      </el-form>
+    </div>
+    <el-table
+      v-loading="listLoading"
+      ref="multipleTable"
+      :data="varList"
+      :row-key="getRowKey"
+      :header-cell-style="{
+        'font-weight': 'bold',
+        'color': '#000'
+      }"
+      tooltip-effect="dark"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column
+        :reserve-selection="true"
+        type="selection"
+        width="55"
+        align="center"/>
+      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="NAME" label="姓名"/>
+      <el-table-column prop="PHONE" label="手机号"/>
+      <el-table-column prop="CORPINFO_NAME" label="企业名称"/>
+      <el-table-column prop="DEPARTMENT_NAME" label="部门名称"/>
+      <el-table-column label="来源" align="center" width="120">
+        <template slot-scope="{row}">
+          {{ getUserType(row.USER_TYPE) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button type="primary" icon="el-icon-view" size="mini" @click="getAuditInfo(row)">详情</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="page-btn-group">
+      <div/><div/>
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default{
+  components: { Pagination },
+  directives: { waves },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      typeList: [
+        { ID: '0', NAME: '监管端' },
+        { ID: '1', NAME: '企业端' },
+        { ID: '2', NAME: '相关方端' }
+      ],
+      total: 0,
+      title: '',
+      isShow: false,
+      form: {
+        USER_NAME: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        USER_TYPE: 2
+      }
+    }
+  },
+  created() {
+    console.log('=====================')
+    console.log(this.form)
+    console.log('=====================')
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.USER_ID
+    },
+    getUserType(USER_TYPE) {
+      if (USER_TYPE === '0') {
+        return '监管端'
+      } else if (USER_TYPE === '1') {
+        return '企业端'
+      } else if (USER_TYPE === '2') {
+        return '相关方端'
+      }
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.multipleTable.clearSelection()
+      this.getList()
+    },
+    // 重置
+    reset() {
+      this.form = {
+        USER_NAME: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: ''
+      }
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/personManagementList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.personManagementList
+        this.total = data.page.totalResult
+        this.hasButton()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getAuditInfo(ROW) {
+      console.log(ROW)
+      this.$parent.activeName = 'recordsList'
+      this.$parent.USER_ID = ROW.USER_ID
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/mkmjManagement/xgfPerson/components/recordsList.vue b/src/views/mkmjManagement/xgfPerson/components/recordsList.vue
new file mode 100644
index 0000000..224e96a
--- /dev/null
+++ b/src/views/mkmjManagement/xgfPerson/components/recordsList.vue
@@ -0,0 +1,131 @@
+<template>
+  <div class="app-container">
+    <el-table
+      v-loading="listLoading"
+      ref="multipleTable"
+      :data="varList"
+      :row-key="getRowKey"
+      :header-cell-style="{
+        'font-weight': 'bold',
+        'color': '#000'
+      }"
+      tooltip-effect="dark"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column
+        :reserve-selection="true"
+        type="selection"
+        width="55"
+        align="center"/>
+      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="NAME" label="姓名"/>
+      <el-table-column prop="PHONE" label="手机号"/>
+      <el-table-column prop="cardNumber" label="证件号码"/>
+      <el-table-column prop="channelName" label="口门名称"/>
+      <el-table-column prop="departmentName" label="部门名称"/>
+      <el-table-column prop="inOrOut" label="进出状态"/>
+      <el-table-column prop="personCode" label="人员编号"/>
+      <el-table-column prop="personType" label="人员身份"/>
+      <el-table-column prop="personType" label="人员身份"/>
+      <el-table-column prop="regionName" label="区域名称"/>
+      <el-table-column prop="reportTime" label="上报时间"/>
+    </el-table>
+    <div class="page-btn-group">
+      <div/><div/>
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+    </div>
+    <div class="ui-foot">
+      <el-button type="primary" @click="goBack">返 回</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default{
+  components: { Pagination },
+  directives: { waves },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      typeList: [
+        { ID: '0', NAME: '监管端' },
+        { ID: '1', NAME: '企业端' },
+        { ID: '2', NAME: '相关方端' }
+      ],
+      total: 0,
+      title: '',
+      isShow: false,
+      USER_ID: this.$parent.USER_ID,
+      form: {
+        USER_NAME: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        USER_TYPE: ''
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.USER_ID
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.multipleTable.clearSelection()
+      this.getList()
+    },
+    // 重置
+    reset() {
+      this.form = {
+        USER_NAME: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: ''
+      }
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/checkEntryAndExitRecords?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          USER_ID: this.USER_ID
+        }
+
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.recordList
+        this.total = data.page.totalResult
+        this.hasButton()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    goBack() {
+      this.$parent.activeName = 'List'
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/mkmjManagement/xgfPerson/index.vue b/src/views/mkmjManagement/xgfPerson/index.vue
new file mode 100644
index 0000000..b7e4344
--- /dev/null
+++ b/src/views/mkmjManagement/xgfPerson/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <component :is="activeName" />
+</template>
+
+<script>
+import List from './components/list.vue'
+import recordsList from './components/recordsList.vue'
+export default {
+  components: {
+    List: List,
+    recordsList: recordsList
+  },
+  data() {
+    return {
+      activeName: 'List',
+      USER_ID: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/mkmjManagement/zgPerson/components/list.vue b/src/views/mkmjManagement/zgPerson/components/list.vue
new file mode 100644
index 0000000..754c1d3
--- /dev/null
+++ b/src/views/mkmjManagement/zgPerson/components/list.vue
@@ -0,0 +1,163 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-form ref="form" v-model="form">
+        <el-col :span="5">
+          <el-form-item label="人员名称:">
+            <el-input v-model="form.USER_NAME" placeholder="搜索" class="filter-item" style="width: 200px;"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="企业名称:">
+            <el-input v-model="form.CORPINFO_NAME" placeholder="搜索" class="filter-item" style="width: 200px;"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="部门名称:">
+            <el-input v-model="form.DEPARTMENT_NAME" placeholder="搜索" class="filter-item" style="width: 200px;"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">搜索</el-button>
+          <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="reset">重置</el-button>
+        </el-col>
+      </el-form>
+    </div>
+    <el-table
+      v-loading="listLoading"
+      ref="multipleTable"
+      :data="varList"
+      :row-key="getRowKey"
+      :header-cell-style="{
+        'font-weight': 'bold',
+        'color': '#000'
+      }"
+      tooltip-effect="dark"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column
+        :reserve-selection="true"
+        type="selection"
+        width="55"
+        align="center"/>
+      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="NAME" label="姓名"/>
+      <el-table-column prop="PHONE" label="手机号"/>
+      <el-table-column prop="CORPINFO_NAME" label="企业名称"/>
+      <el-table-column prop="DEPARTMENT_NAME" label="部门名称"/>
+      <el-table-column label="来源" align="center" width="120">
+        <template slot-scope="{row}">
+          {{ getUserType(row.USER_TYPE) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button type="primary" icon="el-icon-view" size="mini" @click="getAuditInfo(row)">详情</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="page-btn-group">
+      <div/><div/>
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default{
+  components: { Pagination },
+  directives: { waves },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      typeList: [
+        { ID: '0', NAME: '监管端' },
+        { ID: '1', NAME: '企业端' },
+        { ID: '2', NAME: '相关方端' }
+      ],
+      total: 0,
+      title: '',
+      isShow: false,
+      form: {
+        USER_NAME: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        USER_TYPE: 2
+      }
+    }
+  },
+  created() {
+    console.log('=====================')
+    console.log(this.form)
+    console.log('=====================')
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.USER_ID
+    },
+    getUserType(USER_TYPE) {
+      if (USER_TYPE === '0') {
+        return '监管端'
+      } else if (USER_TYPE === '1') {
+        return '企业端'
+      } else if (USER_TYPE === '2') {
+        return '相关方端'
+      }
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.multipleTable.clearSelection()
+      this.getList()
+    },
+    // 重置
+    reset() {
+      this.form = {
+        USER_NAME: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: ''
+      }
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/zgPersonList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.getZgPersonList
+        this.total = data.page.totalResult
+        this.hasButton()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getAuditInfo(ROW) {
+      console.log(ROW)
+      this.$parent.activeName = 'recordsList'
+      this.$parent.USER_ID = ROW.USER_ID
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/mkmjManagement/zgPerson/components/recordsList.vue b/src/views/mkmjManagement/zgPerson/components/recordsList.vue
new file mode 100644
index 0000000..224e96a
--- /dev/null
+++ b/src/views/mkmjManagement/zgPerson/components/recordsList.vue
@@ -0,0 +1,131 @@
+<template>
+  <div class="app-container">
+    <el-table
+      v-loading="listLoading"
+      ref="multipleTable"
+      :data="varList"
+      :row-key="getRowKey"
+      :header-cell-style="{
+        'font-weight': 'bold',
+        'color': '#000'
+      }"
+      tooltip-effect="dark"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column
+        :reserve-selection="true"
+        type="selection"
+        width="55"
+        align="center"/>
+      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="NAME" label="姓名"/>
+      <el-table-column prop="PHONE" label="手机号"/>
+      <el-table-column prop="cardNumber" label="证件号码"/>
+      <el-table-column prop="channelName" label="口门名称"/>
+      <el-table-column prop="departmentName" label="部门名称"/>
+      <el-table-column prop="inOrOut" label="进出状态"/>
+      <el-table-column prop="personCode" label="人员编号"/>
+      <el-table-column prop="personType" label="人员身份"/>
+      <el-table-column prop="personType" label="人员身份"/>
+      <el-table-column prop="regionName" label="区域名称"/>
+      <el-table-column prop="reportTime" label="上报时间"/>
+    </el-table>
+    <div class="page-btn-group">
+      <div/><div/>
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+    </div>
+    <div class="ui-foot">
+      <el-button type="primary" @click="goBack">返 回</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default{
+  components: { Pagination },
+  directives: { waves },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      typeList: [
+        { ID: '0', NAME: '监管端' },
+        { ID: '1', NAME: '企业端' },
+        { ID: '2', NAME: '相关方端' }
+      ],
+      total: 0,
+      title: '',
+      isShow: false,
+      USER_ID: this.$parent.USER_ID,
+      form: {
+        USER_NAME: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        USER_TYPE: ''
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.USER_ID
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.multipleTable.clearSelection()
+      this.getList()
+    },
+    // 重置
+    reset() {
+      this.form = {
+        USER_NAME: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: ''
+      }
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/checkEntryAndExitRecords?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          USER_ID: this.USER_ID
+        }
+
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.recordList
+        this.total = data.page.totalResult
+        this.hasButton()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    goBack() {
+      this.$parent.activeName = 'List'
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/mkmjManagement/zgPerson/index.vue b/src/views/mkmjManagement/zgPerson/index.vue
new file mode 100644
index 0000000..b7e4344
--- /dev/null
+++ b/src/views/mkmjManagement/zgPerson/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <component :is="activeName" />
+</template>
+
+<script>
+import List from './components/list.vue'
+import recordsList from './components/recordsList.vue'
+export default {
+  components: {
+    List: List,
+    recordsList: recordsList
+  },
+  data() {
+    return {
+      activeName: 'List',
+      USER_ID: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>