From 288053aba99d5f8ff6cd0effbdb7f72559993ff0 Mon Sep 17 00:00:00 2001
From: huangyuxuan <huangyuxuan@zcloudchina.com>
Date: Tue, 7 Jan 2025 09:25:04 +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=E9=97=A8=E5=8F=A3=E9=97=A8=E7=A6=81=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E7=9B=B8=E5=85=B3=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/apply.vue                      | 266 +++++
 .../components/list.vue                       | 132 +++
 .../fleetFilingApplication/index.vue          |  27 +
 .../components/carList.vue                    | 266 +++++
 .../components/list.vue                       | 136 +++
 .../freightVehicleMaintenance/index.vue       |  27 +
 .../freightVehiclesPort/index.vue             |   3 +
 src/views/firstLevelDoor/index.vue            |   3 +
 .../longCarPort/CarInfo/components/list.vue   | 911 +++++++++++++++++
 .../longCarPort/CarInfo/index.vue             |  32 +
 .../firstLevelDoor/longCarPort/index.vue      |   3 +
 .../PersonInfo/components/list.vue            | 170 ++++
 .../PersonInfo/components/recordsList.vue     | 131 +++
 .../personPortInfo/PersonInfo/index.vue       |  24 +
 .../firstLevelDoor/personPortInfo/index.vue   |   3 +
 src/views/zgUnit/PersonPort/index.vue         |   3 +
 .../PersonPort/personInfo/components/list.vue | 167 ++++
 .../personInfo/components/recordsList.vue     | 131 +++
 .../zgUnit/PersonPort/personInfo/index.vue    |  24 +
 .../carPort/carInfo/components/list.vue       | 912 ++++++++++++++++++
 src/views/zgUnit/carPort/carInfo/index.vue    |  32 +
 src/views/zgUnit/carPort/index.vue            |   3 +
 src/views/zgUnit/index.vue                    |   3 +
 .../zgUnit/temporary/car/components/list.vue  | 177 ++++
 src/views/zgUnit/temporary/car/index.vue      |  22 +
 src/views/zgUnit/temporary/index.vue          |   3 +
 .../temporary/preson/components/flowStep.vue  | 106 ++
 .../temporary/preson/components/list.vue      | 167 ++++
 src/views/zgUnit/temporary/preson/index.vue   |  24 +
 29 files changed, 3908 insertions(+)
 create mode 100644 src/views/firstLevelDoor/freightVehiclesPort/fleetFilingApplication/components/apply.vue
 create mode 100644 src/views/firstLevelDoor/freightVehiclesPort/fleetFilingApplication/components/list.vue
 create mode 100644 src/views/firstLevelDoor/freightVehiclesPort/fleetFilingApplication/index.vue
 create mode 100644 src/views/firstLevelDoor/freightVehiclesPort/freightVehicleMaintenance/components/carList.vue
 create mode 100644 src/views/firstLevelDoor/freightVehiclesPort/freightVehicleMaintenance/components/list.vue
 create mode 100644 src/views/firstLevelDoor/freightVehiclesPort/freightVehicleMaintenance/index.vue
 create mode 100644 src/views/firstLevelDoor/freightVehiclesPort/index.vue
 create mode 100644 src/views/firstLevelDoor/index.vue
 create mode 100644 src/views/firstLevelDoor/longCarPort/CarInfo/components/list.vue
 create mode 100644 src/views/firstLevelDoor/longCarPort/CarInfo/index.vue
 create mode 100644 src/views/firstLevelDoor/longCarPort/index.vue
 create mode 100644 src/views/firstLevelDoor/personPortInfo/PersonInfo/components/list.vue
 create mode 100644 src/views/firstLevelDoor/personPortInfo/PersonInfo/components/recordsList.vue
 create mode 100644 src/views/firstLevelDoor/personPortInfo/PersonInfo/index.vue
 create mode 100644 src/views/firstLevelDoor/personPortInfo/index.vue
 create mode 100644 src/views/zgUnit/PersonPort/index.vue
 create mode 100644 src/views/zgUnit/PersonPort/personInfo/components/list.vue
 create mode 100644 src/views/zgUnit/PersonPort/personInfo/components/recordsList.vue
 create mode 100644 src/views/zgUnit/PersonPort/personInfo/index.vue
 create mode 100644 src/views/zgUnit/carPort/carInfo/components/list.vue
 create mode 100644 src/views/zgUnit/carPort/carInfo/index.vue
 create mode 100644 src/views/zgUnit/carPort/index.vue
 create mode 100644 src/views/zgUnit/index.vue
 create mode 100644 src/views/zgUnit/temporary/car/components/list.vue
 create mode 100644 src/views/zgUnit/temporary/car/index.vue
 create mode 100644 src/views/zgUnit/temporary/index.vue
 create mode 100644 src/views/zgUnit/temporary/preson/components/flowStep.vue
 create mode 100644 src/views/zgUnit/temporary/preson/components/list.vue
 create mode 100644 src/views/zgUnit/temporary/preson/index.vue

diff --git a/src/views/firstLevelDoor/freightVehiclesPort/fleetFilingApplication/components/apply.vue b/src/views/firstLevelDoor/freightVehiclesPort/fleetFilingApplication/components/apply.vue
new file mode 100644
index 0000000..1623558
--- /dev/null
+++ b/src/views/firstLevelDoor/freightVehiclesPort/fleetFilingApplication/components/apply.vue
@@ -0,0 +1,266 @@
+<template>
+  <div v-loading="listLoading">
+    <div style="padding:20px">
+      <el-form ref="form" :model="form" label-width="210px">
+        <!--第一行-->
+        <el-row>
+          <el-col :span="12">
+            <el-form-item v-if="dialogType !== 'savePhoto'" label="已上传图片">
+              <div >
+                <img :src="config.fileUrl + form.REQUISITION_FILE" width="100" height="100">
+              </div>
+            </el-form-item>
+            <el-form-item label="智能口门管理系统账号申请单" prop="REQUISITION_FILE" >
+              <el-upload
+                ref="photoUpload"
+                :file-list="form.REQUISITION_FILE"
+                :multiple="false"
+                :limit="1"
+                :class="{hide:hideUpload}"
+                :auto-upload="false"
+                :on-remove="REQUISITION_FILERemove"
+                :on-change="REQUISITION_FILEChangeIMG"
+                action="#"
+                accept=".jpg,.jpeg,.png"
+                list-type="picture-card">
+                <i class="el-icon-plus" />
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!--第二行-->
+        <el-row>
+          <el-col :span="12">
+            <el-form-item v-if="dialogType !== 'savePhoto'" label="已上传图片">
+              <div >
+                <img :src="config.fileUrl + form.COMMITMENT_FILE" width="100" height="100">
+              </div>
+            </el-form-item>
+            <el-form-item label="智能口门管理系统使用承诺书" prop="COMMITMENT_FILE" >
+              <el-upload
+                ref="photoUpload"
+                :file-list="form.COMMITMENT_FILE"
+                :multiple="false"
+                :limit="1"
+                :class="{hide:hideUpload}"
+                :auto-upload="false"
+                :on-remove="REQUISITION_FILERemove"
+                :on-change="REQUISITION_FILEChangeIMG"
+                action="#"
+                accept=".jpg,.jpeg,.png"
+                list-type="picture-card">
+                <i class="el-icon-plus" />
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!--第三行-->
+        <el-row>
+          <el-col :span="12">
+            <el-form-item v-if="dialogType !== 'savePhoto'" label="已上传图片">
+              <div >
+                <img :src="config.fileUrl + form.LICENSE_FILE" width="100" height="100">
+              </div>
+            </el-form-item>
+            <el-form-item label="营业执照" prop="LICENSE_FILE" >
+              <el-upload
+                ref="photoUpload"
+                :file-list="form.LICENSE_FILE"
+                :multiple="false"
+                :limit="1"
+                :class="{hide:hideUpload}"
+                :auto-upload="false"
+                :on-remove="REQUISITION_FILERemove"
+                :on-change="REQUISITION_FILEChangeIMG"
+                action="#"
+                accept=".jpg,.jpeg,.png"
+                list-type="picture-card">
+                <i class="el-icon-plus" />
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!--第四行-->
+        <el-row>
+          <el-col :span="12">
+            <el-form-item v-if="dialogType !== 'savePhoto'" label="已上传图片">
+              <div >
+                <img :src="config.fileUrl + form.TRANSPORT_PERMIT_FILE" width="100" height="100">
+              </div>
+            </el-form-item>
+            <el-form-item label="道路运输经营许可证" prop="TRANSPORT_PERMIT_FILE" >
+              <el-upload
+                ref="photoUpload"
+                :file-list="form.TRANSPORT_PERMIT_FILE"
+                :multiple="false"
+                :limit="1"
+                :class="{hide:hideUpload}"
+                :auto-upload="false"
+                :on-remove="REQUISITION_FILERemove"
+                :on-change="REQUISITION_FILEChangeIMG"
+                action="#"
+                accept=".jpg,.jpeg,.png"
+                list-type="picture-card">
+                <i class="el-icon-plus" />
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!--第五行-->
+        <el-row>
+          <el-col :span="12">
+            <el-form-item v-if="dialogType !== 'savePhoto'" label="已上传图片">
+              <div >
+                <img :src="config.fileUrl + form.HAZARDOUS_CHEMICALS_FILE" width="100" height="100">
+              </div>
+            </el-form-item>
+            <el-form-item label="危险化学品经营许可证" prop="HAZARDOUS_CHEMICALS_FILE" >
+              <el-upload
+                ref="photoUpload"
+                :file-list="form.HAZARDOUS_CHEMICALS_FILE"
+                :multiple="false"
+                :limit="1"
+                :class="{hide:hideUpload}"
+                :auto-upload="false"
+                :on-remove="REQUISITION_FILERemove"
+                :on-change="REQUISITION_FILEChangeIMG"
+                action="#"
+                accept=".jpg,.jpeg,.png"
+                list-type="picture-card">
+                <i class="el-icon-plus" />
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="ui-height"/>
+    <div class="ui-foot">
+      <el-button type="success" @click="confirm">保 存</el-button>
+      <el-button plain type="info" @click="goBack">返 回</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import SelectTree from '@/components/SelectTree'
+export default{
+  components: { Pagination, SelectTree},
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      config: config,
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      total: 0,
+      title: '',
+      isShow: false,
+      addDialogVisible: false,
+      dialogType: 'savePhoto',
+      addForm: {
+        LICENCE_NO: '', // 车牌号
+        MOTORCADE_ID: '', // 所属车队ID
+        CORPINFO_ID: '',
+        LICENCE_TYPE: '',
+        VEHICLE_TYPE: '',
+        CONTACT: '',
+        PHONE: '',
+        EMISSION_STANDARDS:'',
+      },
+      form: {
+        CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+        MOTORCADE_ID: this.$parent.MOTORCADE_ID,
+        REQUISITION_FILE: '',
+        COMMITMENT_FILE: '',
+        LICENSE_FILE: '',
+        TRANSPORT_PERMIT_FILE: '',
+        HAZARDOUS_CHEMICALS_FILE: ''
+      }
+    }
+  },
+  async created() {
+    this.getList()
+  },
+  methods: {
+    // 搜索
+    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(
+        '/mkmj/management/carInfoList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.carInfoList
+        this.total = data.page.totalResult
+        this.hasButton()
+        this.pd = data.pd
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    reSetAddDialog() {
+      this.addForm.LICENCE_NO = ''
+      this.addForm.USER_ID = ''
+      this.addForm.VEHICLE_DEPARTMENT_ID = ''
+      this.addForm.LICENCE_TYPE = ''
+      this.addForm.VEHICLE_TYPE = ''
+      this.addForm.VEHICLE_BELONG_TYPE = ''
+      this.addForm.EMPLOYEE_VEHICLE_USER_ID = ''
+      this.userList = []
+      this.addForm.DEPARTMENT_NAME = ''
+      this.addForm.DEPARTMENT_ID = ''
+    },
+    REQUISITION_FILERemove(file, fileList) {
+      this.form.REQUISITION_FILE = fileList
+      this.hideUpload = fileList.length >= 1
+    },
+    REQUISITION_FILEChangeIMG(file, fileList) {
+      const types = ['image/jpeg', 'image/jpg', 'image/png']
+      const isImage = types.includes(file.raw.type)
+      if (!isImage) {
+        this.$message.error('上传图片只能是 JPG、JPEG、PNG 格式!')
+        fileList.pop()
+        this.form.REQUISITION_FILE = []
+        return
+      }
+      this.form.REQUISITION_FILE = []
+      this.form.REQUISITION_FILE.push(file)
+      this.hideUpload = fileList.length >= 1
+    },
+    confirm(){
+      alert('1111')
+    },
+    goBack(){
+      alert('222')
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/firstLevelDoor/freightVehiclesPort/fleetFilingApplication/components/list.vue b/src/views/firstLevelDoor/freightVehiclesPort/fleetFilingApplication/components/list.vue
new file mode 100644
index 0000000..8c08dbd
--- /dev/null
+++ b/src/views/firstLevelDoor/freightVehiclesPort/fleetFilingApplication/components/list.vue
@@ -0,0 +1,132 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-form ref="form" v-model="form">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="车队名称:">
+              <el-input v-model="form.MOTORCADE_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-row>
+      </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="MOTORCADE_NAME" label="车队名称"/>
+      <el-table-column label="操作" align="left" width="300">
+        <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>
+    <flow-step ref="flowStep" append-to-body @refresh="getList"/>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+export default{
+  components: { Pagination },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      total: 0,
+      title: '',
+      isShow: false,
+      form: {
+        MOTORCADE_NAME: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: '',
+        TEMPORARY_TYPE: '2',
+        CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    // 搜索
+    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(
+        '/mkmj/management/getMotorcadeList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.varList
+        this.total = data.page.totalResult
+        this.hasButton()
+        this.pd = data.pd
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getAuditInfo(row) {
+      this.$parent.activeName = 'Apply'
+      this.$parent.MOTORCADE_ID = row.MOTORCADE_ID
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/firstLevelDoor/freightVehiclesPort/fleetFilingApplication/index.vue b/src/views/firstLevelDoor/freightVehiclesPort/fleetFilingApplication/index.vue
new file mode 100644
index 0000000..dc8317c
--- /dev/null
+++ b/src/views/firstLevelDoor/freightVehiclesPort/fleetFilingApplication/index.vue
@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <List v-show="activeName==='List'" ref="list" />
+    <Apply v-if="activeName==='Apply'" />
+  </div>
+</template>
+
+<script>
+import List from './components/list'
+import Apply from "./components/apply";
+export default {
+  components: {
+    List: List,
+    Apply: Apply
+  },
+  data() {
+    return {
+      activeName: 'List',
+      USER_ID: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/firstLevelDoor/freightVehiclesPort/freightVehicleMaintenance/components/carList.vue b/src/views/firstLevelDoor/freightVehiclesPort/freightVehicleMaintenance/components/carList.vue
new file mode 100644
index 0000000..69479eb
--- /dev/null
+++ b/src/views/firstLevelDoor/freightVehiclesPort/freightVehicleMaintenance/components/carList.vue
@@ -0,0 +1,266 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-form ref="form" v-model="form">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="车队名称:">
+              <el-input v-model="form.MOTORCADE_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-row>
+      </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="LICENCE_NO" label="车牌号"/>
+      <el-table-column prop="CONTACT" label="联系人姓名"/>
+      <el-table-column prop="PHONE" label="联系人电话"/>
+      <el-table-column prop="LICENCE_TYPE" label="车牌类型"/>
+      <el-table-column prop="VEHICLE_TYPE" label="车辆类型"/>
+      <el-table-column label="操作" align="left" width="300">
+        <template slot-scope="{row}">
+          <el-button type="primary" icon="el-icon-edit" size="mini" @click="getAuditInfo(row)">编辑</el-button>
+          <el-button type="danger" icon="el-icon-delete" size="mini" @click="getAuditInfo(row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="page-btn-group">
+      <el-button type="primary" icon="el-icon-plus" size="mini" @click="openAddDialogAddBtn(row)">新增</el-button>
+      <div/>
+      <div/>
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+    </div>
+    <!--  添加车辆信息  -->
+    <el-dialog :visible.sync="addDialogVisible" title="添加车辆信息" width="600px">
+      <el-form v-if="addDialogVisible" ref="addForm" :model="addForm" label-width="170px" style="padding:0 20px; width: 500px;">
+        <el-form-item :rules="[{required: true}]" label="车牌号">
+          <el-input v-model="addForm.LICENCE_NO" :autosize="{ minRows: 1}" type="text" maxlength="300" placeholder="这里输入车牌号..." @blur="goCheckLicenceNoAdd()"/>
+        </el-form-item>
+        <!-- 白牌、蓝牌、黄牌、绿牌、黑牌 下拉框-->
+        <el-form-item :rules="[{required: true}]" label="车牌类型" prop="LICENCE_TYPE">
+          <SelectTree
+            ref="selectTree_add2"
+            :clearable="false"
+            :options="licenceTypeList"
+            :props="vehicleDefaultProps"
+            v-model="addForm.LICENCE_TYPE"
+            placeholder="请选择车牌类型"
+            style="width: 300px"/>
+        </el-form-item>
+        <!-- 货车、轿车、大巴客车  下拉框-->
+        <el-form-item :rules="[{required: true}]" label="车辆类型" prop="VEHICLE_TYPE">
+          <SelectTree
+            ref="selectTree_add3"
+            :clearable="false"
+            :options="vehicleTypeList"
+            :props="vehicleDefaultProps"
+            v-model="addForm.VEHICLE_TYPE"
+            placeholder="请选择车辆类型"
+            style="width: 300px"/>
+        </el-form-item>
+        <el-form-item label="负责人">
+          <el-input v-model="addForm.CONTACT" type="text" maxlength="300" placeholder="这里输入负责人名称..."/>
+        </el-form-item>
+        <el-form-item label="负责人手机号">
+          <el-input v-model="addForm.PHONE" type="text" maxlength="300" placeholder="这里输入负责人手机号..."/>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="addDialogCancelBtn">取 消</el-button>
+        <el-button type="primary" @click="addDialogConfirmBtn">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <flow-step ref="flowStep" append-to-body @refresh="getList"/>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import SelectTree from '@/components/SelectTree'
+export default{
+  components: { Pagination, SelectTree},
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      total: 0,
+      title: '',
+      isShow: false,
+      addDialogVisible: false,
+      addForm: {
+        LICENCE_NO: '', // 车牌号
+        MOTORCADE_ID: '', // 所属车队ID
+        CORPINFO_ID: '',
+        LICENCE_TYPE: '',
+        VEHICLE_TYPE: '',
+        CONTACT: '',
+        PHONE: '',
+        EMISSION_STANDARDS:'',
+      },
+      form: {
+        MOTORCADE_NAME: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: '',
+        TEMPORARY_TYPE: '2',
+        CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+        MOTORCADE_ID: this.$parent.MOTORCADE_ID
+      },
+      // 车牌类型列表
+      licenceTypeList: [
+        // { ID: '', NAME: '请选择' },
+        { ID: '0', NAME: '白牌' },
+        { ID: '1', NAME: '蓝牌' },
+        { ID: '2', NAME: '黄牌' },
+        { ID: '3', NAME: '绿牌' },
+        { ID: '4', NAME: '黑牌' }
+      ],
+      // 车辆类型列表
+      vehicleTypeList: [
+        // { ID: '', NAME: '请选择' },
+        { ID: '0', NAME: '货车' },
+        { ID: '1', NAME: '轿车' },
+        { ID: '2', NAME: '大巴客车' }
+      ],
+      // 车辆下拉树默认属性
+      vehicleDefaultProps: {
+        value: 'ID',
+        label: 'NAME',
+        children: 'nodes'
+      }
+    }
+  },
+  async created() {
+    this.getList()
+  },
+  methods: {
+    // 搜索
+    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(
+        '/mkmj/management/carInfoList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.carInfoList
+        this.total = data.page.totalResult
+        this.hasButton()
+        this.pd = data.pd
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    goCheckLicenceNoAdd() {
+      if (this.addForm.LICENCE_NO) {
+        const regex = /^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1})$/
+        const result = regex.test(this.addForm.LICENCE_NO)
+        if (result) {
+          console.log('格式校验通过')
+          requestFN(
+            'vehiclemessage/goCheckLicenceNo',
+            {
+              'LICENCE_NO': this.addForm.LICENCE_NO
+            }
+          ).then((data) => {
+            if (data.result === 'success') {
+              this.$message.success('验证通过')
+              this.ISCHECK = true
+            } else {
+              this.$message.error('车牌号已存在,请重新输入')
+              this.ISCHECK = false
+            }
+          }).catch((e) => {
+            console.info(e)
+            this.listLoading = false
+            this.ISCHECK = false
+          })
+        } else {
+          this.$message.success('车牌号不规范')
+          this.ISCHECK = false
+        }
+      }
+    },
+    // 打开新增弹窗的新增按钮
+    openAddDialogAddBtn() {
+      this.addDialogVisible = true
+      this.reSetAddDialog()
+      this.ISCHECK = false
+    },
+    reSetAddDialog() {
+      this.addForm.LICENCE_NO = ''
+      this.addForm.USER_ID = ''
+      this.addForm.VEHICLE_DEPARTMENT_ID = ''
+      this.addForm.LICENCE_TYPE = ''
+      this.addForm.VEHICLE_TYPE = ''
+      this.addForm.VEHICLE_BELONG_TYPE = ''
+      this.addForm.EMPLOYEE_VEHICLE_USER_ID = ''
+      this.userList = []
+      this.addForm.DEPARTMENT_NAME = ''
+      this.addForm.DEPARTMENT_ID = ''
+    },
+    // 添加弹窗的取消按钮
+    addDialogCancelBtn() {
+      this.addDialogVisible = false
+    },
+    getAuditInfo(row) {
+      this.$refs.flowStep.init(row)
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/firstLevelDoor/freightVehiclesPort/freightVehicleMaintenance/components/list.vue b/src/views/firstLevelDoor/freightVehiclesPort/freightVehicleMaintenance/components/list.vue
new file mode 100644
index 0000000..fef91bf
--- /dev/null
+++ b/src/views/firstLevelDoor/freightVehiclesPort/freightVehicleMaintenance/components/list.vue
@@ -0,0 +1,136 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-form ref="form" v-model="form">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="车队名称:">
+              <el-input v-model="form.MOTORCADE_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-row>
+      </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="MOTORCADE_NAME" label="车队名称"/>
+      <el-table-column label="操作" align="left" width="200">
+        <template slot-scope="{row}">
+          <el-button type="primary" icon="el-icon-view" size="mini" @click="carMaintenance(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>
+    <flow-step ref="flowStep" append-to-body @refresh="getList"/>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+export default{
+  components: { Pagination },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      total: 0,
+      title: '',
+      isShow: false,
+      form: {
+        MOTORCADE_NAME: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: '',
+        TEMPORARY_TYPE: '2',
+        CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    // 搜索
+    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(
+        '/mkmj/management/getMotorcadeList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.varList
+        this.total = data.page.totalResult
+        this.hasButton()
+        this.pd = data.pd
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    carMaintenance(row) {
+      console.log('---------------------------------')
+      this.$parent.MOTORCADE_ID = row.MOTORCADE_ID
+      this.$parent.activeName = 'CarList'
+    },
+    getAuditInfo(row) {
+      this.$refs.flowStep.init(row)
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/firstLevelDoor/freightVehiclesPort/freightVehicleMaintenance/index.vue b/src/views/firstLevelDoor/freightVehiclesPort/freightVehicleMaintenance/index.vue
new file mode 100644
index 0000000..fdc26d8
--- /dev/null
+++ b/src/views/firstLevelDoor/freightVehiclesPort/freightVehicleMaintenance/index.vue
@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <List v-show="activeName==='List'" ref="list" />
+    <CarList v-if="activeName==='CarList'"/>
+  </div>
+</template>
+
+<script>
+import List from './components/list'
+import CarList from "./components/carList";
+export default {
+  components: {
+    List: List,
+    CarList: CarList
+  },
+  data() {
+    return {
+      activeName: 'List',
+      USER_ID: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/firstLevelDoor/freightVehiclesPort/index.vue b/src/views/firstLevelDoor/freightVehiclesPort/index.vue
new file mode 100644
index 0000000..98240ae
--- /dev/null
+++ b/src/views/firstLevelDoor/freightVehiclesPort/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>
diff --git a/src/views/firstLevelDoor/index.vue b/src/views/firstLevelDoor/index.vue
new file mode 100644
index 0000000..98240ae
--- /dev/null
+++ b/src/views/firstLevelDoor/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>
diff --git a/src/views/firstLevelDoor/longCarPort/CarInfo/components/list.vue b/src/views/firstLevelDoor/longCarPort/CarInfo/components/list.vue
new file mode 100644
index 0000000..b5b3d4e
--- /dev/null
+++ b/src/views/firstLevelDoor/longCarPort/CarInfo/components/list.vue
@@ -0,0 +1,911 @@
+<template>
+  <div class="app-container">
+    <el-form label-width="100px">
+      <el-row>
+        <el-col :span="4">
+          <el-form-item label="车牌号">
+            <el-input v-model="searchFrom.LICENCE_NO" placeholder="请输入车牌号..." />
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label="车辆类型" prop="VEHICLE_TYPE">
+            <SelectTree
+              ref="selectTree_Search1"
+              :clearable="false"
+              :options="vehicleTypeList"
+              :props="vehicleDefaultProps"
+              v-model="searchFrom.VEHICLE_TYPE"
+              placeholder="请选择车辆类型"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-form-item v-show="roleName !== '普通用户角色'" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+            <SelectTree
+              ref="selectTree_Search2"
+              :clearable="false"
+              :options="departmentTreeData"
+              :props="defaultProps"
+              v-model="searchFrom.VEHICLE_DEPARTMENT_ID"
+              placeholder="请选择车辆所属部门"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-form-item v-show="roleName !== '普通用户角色'" label="车辆责任人">
+            <el-input v-model="searchFrom.USER_NAME" placeholder="请输入车辆责任人..." />
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label-width="10px">
+            <el-button v-waves type="primary" icon="el-icon-search" @click="getQuery">
+              搜索
+            </el-button>
+            <el-button v-waves type="success" icon="el-icon-refresh" @click="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-table
+      v-loading="listLoading"
+      ref="vehicleMessageTable"
+      :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="LICENCE_NO" label="车牌号" align="center" />
+      <el-table-column label="车牌类型" align="center">
+        <template slot-scope="{row}">
+          {{ translateLicenceType(row.LICENCE_TYPE) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="车辆类型" align="center">
+        <template slot-scope="{row}">
+          {{ translateVehicleType(row.VEHICLE_TYPE) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="DEPARTMENT_NAME" label="车辆所属部门" align="center" />
+      <el-table-column prop="USER_NAME" label="车辆责任人" align="center"/>
+<!--      <el-table-column label="操作" align="center" width="480">-->
+<!--        <template slot-scope="{row}">-->
+<!--          <el-button type="warning" icon="el-icon-more" size="mini" @click="vehicleInOutRecordBtn(row.LICENCE_NO)">车辆进出记录</el-button>-->
+<!--          <el-button icon="el-icon-view" size="mini" @click="showDetail(row.VEHICLE_ID)">查看</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="getPageList" />
+    </div>
+    <!--  添加车辆信息  -->
+    <el-dialog :visible.sync="addDialogVisible" title="添加车辆信息" width="600px">
+      <el-form v-if="addDialogVisible" ref="addForm" :model="addForm" label-width="170px" style="padding:0 20px; width: 500px;">
+        <el-form-item :rules="[{required: true}]" label="车牌号">
+          <el-input v-model="addForm.LICENCE_NO" :autosize="{ minRows: 1}" type="text" maxlength="300" placeholder="这里输入车牌号..." @blur="goCheckLicenceNoAdd()"/>
+        </el-form-item>
+        <!-- 白牌、蓝牌、黄牌、绿牌、黑牌 下拉框-->
+        <el-form-item :rules="[{required: true}]" label="车牌类型" prop="LICENCE_TYPE">
+          <SelectTree
+            ref="selectTree_add2"
+            :clearable="false"
+            :options="licenceTypeList"
+            :props="vehicleDefaultProps"
+            v-model="addForm.LICENCE_TYPE"
+            placeholder="请选择车牌类型"
+            style="width: 300px"/>
+        </el-form-item>
+        <!-- 货车、轿车、大巴客车  下拉框-->
+        <el-form-item :rules="[{required: true}]" label="车辆类型" prop="VEHICLE_TYPE">
+          <SelectTree
+            ref="selectTree_add3"
+            :clearable="false"
+            :options="vehicleTypeList"
+            :props="vehicleDefaultProps"
+            v-model="addForm.VEHICLE_TYPE"
+            placeholder="请选择车辆类型"
+            style="width: 300px"/>
+        </el-form-item>
+        <!-- 员工车辆、单位车辆、外部车辆 下拉框 -->
+        <el-form-item :rules="[{required: true}]" label="车辆所属类型" prop="VEHICLE_BELONG_TYPE">
+          <SelectTree
+            ref="selectTree_add4"
+            :clearable="false"
+            :options="vehicleBelongTypeList"
+            :props="vehicleDefaultProps"
+            v-model="addForm.VEHICLE_BELONG_TYPE"
+            placeholder="请选择车辆所属类型"
+            style="width: 300px"/>
+        </el-form-item>
+        <!-- 车辆所属部门下拉框 -->
+        <el-form-item v-show="roleName !== '普通用户角色'" :rules="[{required: true}]" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+          <SelectTree
+            ref="selectTree_add1"
+            :clearable="false"
+            :options="departmentTreeData"
+            :props="defaultProps"
+            v-model="addForm.VEHICLE_DEPARTMENT_ID"
+            placeholder="请选择车辆所属部门"
+            style="width: 300px"
+            @change="addUserList"/>
+        </el-form-item>
+        <el-form-item v-show="roleName === '普通用户角色'" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+          <el-input v-model="loginDepartmentName" disabled/>
+        </el-form-item>
+        <!-- 车辆责任人下拉框 -->
+        <el-form-item v-show="roleName !== '普通用户角色'" :rules="[{required: true}]" label="车辆责任人" prop="USER_ID">
+          <el-select :value="addForm.USER_ID" clearable placeholder="请选择" @visible-change="$forceUpdate()" @change="userIdAddChange">
+            <el-option v-for="item in userList" :key="item.USER_ID" :label="item.NAME" :value="item.USER_ID"/>
+          </el-select>
+        </el-form-item>
+        <el-form-item v-show="roleName === '普通用户角色'" label="车辆责任人" prop="USER_ID">
+          <el-input v-model="loginUserName" disabled/>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="addDialogCancelBtn">取 消</el-button>
+        <el-button type="primary" @click="addDialogConfirmBtn">确 定</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog :visible.sync="editDialogVisible" title="修改" width="600px">
+      <el-form ref="editForm" :model="editForm" label-width="170px" style="width: 500px;">
+        <el-form-item :rules="[{required: true}]" label="车牌号">
+          <el-input v-model="editForm.LICENCE_NO" :autosize="{ minRows: 1}" type="text" maxlength="300" placeholder="这里输入车牌号..." @blur="goCheckLicenceNoUpdate()"/>
+        </el-form-item>
+        <el-form-item label="车牌类型" prop="LICENCE_TYPE">
+          <el-select v-model="editForm.LICENCE_TYPE" clearable placeholder="请选择" @visible-change="$forceUpdate()">
+            <el-option v-for="item in licenceTypeList" :key="item.ID" :label="item.NAME" :value="item.ID" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="车辆类型" prop="VEHICLE_TYPE">
+          <el-select v-model="editForm.VEHICLE_TYPE" clearable placeholder="请选择" @visible-change="$forceUpdate()">
+            <el-option v-for="item in vehicleTypeList" :key="item.ID" :label="item.NAME" :value="item.ID" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="车辆所属类型" prop="VEHICLE_BELONG_TYPE">
+          <el-select v-model="editForm.VEHICLE_BELONG_TYPE" clearable placeholder="请选择" @visible-change="$forceUpdate()">
+            <el-option v-for="item in vehicleBelongTypeList" :key="item.ID" :label="item.NAME" :value="item.ID" />
+          </el-select>
+        </el-form-item>
+        <!-- 车辆所属部门下拉框 -->
+        <el-form-item v-show="roleName !== '普通用户角色'" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+          <SelectTree
+            ref="selectTree_edit"
+            :clearable="true"
+            :options="departmentTreeData"
+            :props="defaultProps"
+            v-model="editForm.VEHICLE_DEPARTMENT_ID"
+            placeholder="请选择车辆所属部门"
+            style="width: 300px"
+            @change="updateUserList"/>
+        </el-form-item>
+        <el-form-item v-show="roleName === '普通用户角色'" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+          <el-input v-model="loginDepartmentName" disabled/>
+        </el-form-item>
+        <!-- 车辆责任人下拉框 -->
+        <el-form-item v-show="roleName !== '普通用户角色'" label="车辆责任人" prop="USER_ID">
+          <el-select :value="editForm.USER_ID" clearable placeholder="请选择" @visible-change="$forceUpdate()" @change="userIdUpdateChange">
+            <el-option v-for="item in userList" :key="item.USER_ID" :label="item.NAME" :value="item.USER_ID" />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-show="roleName === '普通用户角色'" label="车辆责任人" prop="USER_ID">
+          <el-input v-model="loginUserName" disabled/>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="editDialogCancelBtn">取 消</el-button>
+        <el-button type="primary" @click="editDialogConfirmBtn">提 交</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog :visible.sync="detailDialogVisible" title="详情" width="600px">
+      <el-form ref="form" :model="detailForm" label-width="170px" style="width: 500px;">
+        <el-form-item label="车牌号">
+          <el-input v-model="detailForm.LICENCE_NO" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
+        </el-form-item>
+        <el-form-item label="车牌类型">
+          <el-input v-model="detailForm.LICENCE_TYPE" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
+        </el-form-item>
+        <el-form-item label="车辆类型">
+          <el-input v-model="detailForm.VEHICLE_TYPE" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
+        </el-form-item>
+        <el-form-item label="车辆所属类型">
+          <el-input v-model="detailForm.VEHICLE_BELONG_TYPE" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
+        </el-form-item>
+        <el-form-item label="车辆所属部门">
+          <el-input v-model="detailForm.VEHICLE_DEPARTMENT_ID" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
+        </el-form-item>
+        <el-form-item label="车辆责任人">
+          <el-input v-model="detailForm.USER_ID" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="detailDialogReturnBtn">返回</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import SelectTree from '@/components/SelectTree'
+export default {
+  components: { Pagination, SelectTree },
+  directives: { waves },
+  data() {
+    return {
+      ISCHECK: false,
+      userInfo: JSON.parse(sessionStorage.getItem('user')),
+      listLoading: true,
+      add: false,
+      del: false,
+      edit: false,
+      loginUserInfo: {},
+      roleName: '', // 角色名称
+      loginUserId: '',
+      loginUserName: '',
+      loginDepartmentId: '',
+      loginDepartmentName: '',
+      corpInfoId: '', // 获取当前登陆用户的企业id
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      defaultProps: {
+        value: 'id',
+        children: 'nodes',
+        label: 'name'
+      },
+      total: 0,
+      KEYWORDS: '',
+      // 车牌类型列表
+      licenceTypeList: [
+        // { ID: '', NAME: '请选择' },
+        { ID: '0', NAME: '白牌' },
+        { ID: '1', NAME: '蓝牌' },
+        { ID: '2', NAME: '黄牌' },
+        { ID: '3', NAME: '绿牌' },
+        { ID: '4', NAME: '黑牌' }
+      ],
+      // 车辆类型列表
+      vehicleTypeList: [
+        // { ID: '', NAME: '请选择' },
+        { ID: '0', NAME: '货车' },
+        { ID: '1', NAME: '轿车' },
+        { ID: '2', NAME: '大巴客车' }
+      ],
+      // 车辆所属类型列表
+      vehicleBelongTypeList: [
+        // { ID: '', NAME: '请选择' },
+        { ID: '0', NAME: '员工车辆' },
+        { ID: '1', NAME: '单位车辆' }
+        // { ID: '2', NAME: '外部车辆' }
+      ],
+      // 车辆下拉树默认属性
+      vehicleDefaultProps: {
+        value: 'ID',
+        label: 'NAME',
+        children: 'nodes'
+      },
+      departmentTreeData: [],
+      // inspectionTypeList: [], //字典列表
+      // 列表展示的数据
+      varList: [],
+      // 查询表单的数据
+      searchFrom: {
+        VEHICLE_ID: '', // 车辆ID(基础属性)
+        LICENCE_NO: '', // 车牌号
+        VEHICLE_TYPE: '', // 车辆类型
+        VEHICLE_DEPARTMENT_ID: '' // 车辆所属部门ID
+      },
+      // 添加表单的数据
+      addForm: {
+        LICENCE_NO: '', // 车牌号
+        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门id
+        VEHICLE_DEPARTMENT_NAME: '', // 车辆所属部门名称
+        USER_ID: '', // 车辆责任人
+        LICENCE_TYPE: '', // 车牌类型
+        VEHICLE_TYPE: '', // 车辆类型
+        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
+        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人id
+        EMPLOYEE_VEHICLE_USER_NAME: '', // 车辆所属人姓名
+        DEPARTMENT_NAME: '', // 部门名称
+        DEPARTMENT_ID: '',
+        USER_NAME: '' // 车辆责任人姓名
+      },
+      // 修改表单的数据
+      editForm: {
+        VEHICLE_ID: '', // 车辆id(基础属性)
+        LICENCE_NO: '', // 车牌号
+        OLD_LICENCE_NO: '', // 修改前的车牌号
+        USER_ID: '', // 车辆责任人
+        USER_NAME: '', // 车辆责任人姓名
+        LICENCE_TYPE: '', // 车牌类型
+        VEHICLE_TYPE: '', // 车辆类型
+        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
+        DEPARTMENT_NAME: '', // 车辆所属部门名称
+        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人
+        EMPLOYEE_VEHICLE_USER_NAME: '', // 车辆所属人姓名
+        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
+        VEHICLE_DEPARTMENT_NAME: '' // 车辆所属部门名称
+      },
+      // 详情表单的数据
+      detailForm: {
+        LICENCE_NO: '', // 车牌号
+        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
+        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
+        USER_ID: '', // 车辆责任人
+        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人
+        LICENCE_TYPE: null, // 车牌类型
+        VEHICLE_TYPE: null // 车辆类型
+      },
+      addDialogVisible: false, // 添加弹窗的展示与不展示
+      editDialogVisible: false, // 编辑弹窗的展示与不展示
+      detailDialogVisible: false, // 详情弹窗的展示与不展示
+      userList: [], // 部门用户列表
+      selectTree_edit: []
+    }
+  },
+  created() {
+    this.loginUserInfo = JSON.parse(sessionStorage.getItem('user')) // 获取当前登陆用户的信息
+    this.getDepartmentTreeData() // 获取部门树的数据
+    this.getLoginUserInfo() // 获取当前登陆用户的信息
+    // this.getDict() // 获取字典
+    this.getPageList() // 获取分页列表要展示的数据
+  },
+  methods: {
+    getRowKey(row) {
+      return row.VEHICLE_ID
+    },
+    translateLicenceType(id) {
+      for (var i = 0; i < this.licenceTypeList.length; i++) {
+        if (this.licenceTypeList[i].ID == id) return this.licenceTypeList[i].NAME
+      }
+    },
+    translateVehicleType(id) {
+      for (var i = 0; i < this.vehicleTypeList.length; i++) {
+        if (this.vehicleTypeList[i].ID == id) return this.vehicleTypeList[i].NAME
+      }
+    },
+    vehicleBelongType(id) {
+      for (var i = 0; i < this.vehicleBelongTypeList.length; i++) {
+        if (this.vehicleBelongTypeList[i].ID == id) return this.vehicleBelongTypeList[i].NAME
+      }
+    },
+    getLoginUserInfo() { // 获取登录人信息
+      // return new Promise((resolve) => {
+      requestFN(
+        '/user/goEditMyInfo',
+        {}
+      ).then((data) => {
+        console.info(data.pd)
+        this.loginUserId = data.pd.USER_ID
+        this.loginUserName = data.pd.NAME
+        this.loginDepartmentId = data.pd.DEPARTMENT_ID
+        this.loginDepartmentName = data.pd.deptName
+        this.corpInfoId = data.pd.CORPINFO_ID
+        // resolve('ok')
+      }).catch((e) => {
+      })
+      // })
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.vehicleMessageTable.clearSelection() // 先置空表格再查询
+      this.getPageList()
+    },
+    goKeyReset() {
+      this.resetSearch()
+      this.getQuery()
+    },
+    // 获取列表
+    getPageList() {
+      this.roleName = ''
+      this.listLoading = true
+      requestFN(
+        '/mkmj/management/getXgfCarList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchFrom,
+          CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          IS_AUDIT: 1
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.carInfoList
+        this.total = data.page.totalResult
+        this.roleName = data.roleName
+        // this.hasButton()
+        this.pd = data.pd
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    // 打开新增弹窗的新增按钮
+    openAddDialogAddBtn() {
+      this.addDialogVisible = true
+      this.reSetAddDialog()
+      this.ISCHECK = false
+    },
+    // 添加弹窗的取消按钮
+    addDialogCancelBtn() {
+      this.addDialogVisible = false
+    },
+    // 查看弹窗的返回按钮
+    detailDialogReturnBtn() {
+      this.detailDialogVisible = false
+    },
+    // 置空添加弹窗
+    reSetAddDialog() {
+      this.addForm.LICENCE_NO = ''
+      this.addForm.USER_ID = ''
+      this.addForm.VEHICLE_DEPARTMENT_ID = ''
+      this.addForm.LICENCE_TYPE = ''
+      this.addForm.VEHICLE_TYPE = ''
+      this.addForm.VEHICLE_BELONG_TYPE = ''
+      this.addForm.EMPLOYEE_VEHICLE_USER_ID = ''
+      this.userList = []
+      this.addForm.DEPARTMENT_NAME = ''
+      this.addForm.DEPARTMENT_ID = ''
+    },
+    // 添加弹窗的确定按钮
+    addDialogConfirmBtn() {
+      if (this.addForm.LICENCE_NO !== null && this.addForm.LICENCE_NO === '') {
+        this.$message({
+          message: '车牌号不能为空',
+          type: 'error'
+        })
+        return false
+      }
+      if (this.addForm.LICENCE_TYPE !== null && this.addForm.LICENCE_TYPE === '') {
+        this.$message({
+          message: '请选择车牌类型',
+          type: 'error'
+        })
+        return false
+      }
+      if (this.addForm.VEHICLE_TYPE !== null && this.addForm.VEHICLE_TYPE === '') {
+        this.$message({
+          message: '请选择车辆类型',
+          type: 'error'
+        })
+        return false
+      }
+      if (this.addForm.VEHICLE_BELONG_TYPE !== null && this.addForm.VEHICLE_BELONG_TYPE === '') {
+        this.$message({
+          message: '请选择车辆所属类型',
+          type: 'error'
+        })
+        return false
+      }
+      if (this.roleName !== '普通用户角色') {
+        if (this.addForm.VEHICLE_DEPARTMENT_ID !== null && this.addForm.VEHICLE_DEPARTMENT_ID === '') {
+          this.$message({
+            message: '请选择车辆所属部门',
+            type: 'error'
+          })
+          return false
+        }
+        if (this.addForm.USER_ID !== null && this.addForm.USER_ID === '') {
+          this.$message({
+            message: '请选择车辆责任人',
+            type: 'error'
+          })
+          return false
+        }
+      } else {
+        this.addForm.VEHICLE_DEPARTMENT_ID = this.loginDepartmentId // 车辆所属部门id
+        this.addForm.VEHICLE_DEPARTMENT_NAME = this.loginDepartmentName // 车辆所属部门名称
+        this.addForm.USER_ID = this.loginUserId // 车辆责任人id
+        this.addForm.USER_NAME = this.loginUserName // 车辆责任人姓名
+      }
+
+      if (this.addForm.VEHICLE_BELONG_TYPE === '0') { // 员工车辆(责任人和所属人都需要添加)
+        this.addForm.EMPLOYEE_VEHICLE_USER_ID = this.addForm.USER_ID // 车辆所属人id
+        this.addForm.EMPLOYEE_VEHICLE_USER_NAME = this.addForm.USER_NAME // 车辆所属人姓名
+      } else { // 单位车辆（只需添加责任人，无需添加所属人）
+        this.addForm.EMPLOYEE_VEHICLE_USER_ID = '' // 车辆所属人id
+        this.addForm.EMPLOYEE_VEHICLE_USER_NAME = '' // 车辆所属人姓名
+      }
+      this.addRequest()
+    },
+    addRequest() {
+      requestFN(
+        'vehiclemessage/addVehicleMessage',
+        {
+          ...this.addForm,
+          'CORPINFO_ID': this.corpInfoId,
+          'loginUserId': this.loginUserId
+        }
+      ).then((data) => {
+        if (data.result === 'fail') {
+          this.$message({
+            message: data.msg,
+            type: 'error'
+          })
+        } else {
+          this.$message.success('车辆信息添加成功')
+          this.getPageList() // 重新加载列表
+          this.addDialogVisible = false
+        }
+      }).catch((e) => {
+      })
+    },
+    // 打开编辑弹窗的编辑按钮
+    openEditDialogEditBtn(VEHICLE_ID) {
+      this.editForm = {
+        VEHICLE_ID: VEHICLE_ID, // 车辆id(基础属性)
+        LICENCE_NO: '', // 车牌号
+        OLD_LICENCE_NO: '', // 修改前的车牌号
+        USER_ID: '', // 车辆责任人
+        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人
+        VEHICLE_DEPARTMENT_ID: '' // 车辆归属公司或责任公司（车辆所属部门）
+      }
+      this.userList = []
+      this.editDialogVisible = true
+      // 提供查询接口回显数据
+      requestFN(
+        'vehiclemessage/updateShowVehicleMessage',
+        {
+          VEHICLE_ID: VEHICLE_ID
+        }
+      ).then((data) => {
+        if (data.result === 'success') {
+          this.editForm.LICENCE_NO = data.pd.LICENCE_NO // 车牌号
+          this.editForm.OLD_LICENCE_NO = data.pd.LICENCE_NO // 车牌号
+          this.editForm.USER_ID = data.pd.USER_ID // 车辆责任人
+          this.editForm.LICENCE_TYPE = String(data.pd.LICENCE_TYPE) // 车牌类型
+          this.editForm.VEHICLE_TYPE = String(data.pd.VEHICLE_TYPE) // 车辆类型
+          this.editForm.VEHICLE_BELONG_TYPE = data.pd.VEHICLE_BELONG_TYPE === undefined ? '' : data.pd.VEHICLE_BELONG_TYPE // 车辆所属类型
+          if ('VEHICLE_DEPARTMENT_ID' in data.pd) { // 存在车辆归属部门id
+            const node = {}
+            node.id = data.pd.VEHICLE_DEPARTMENT_ID
+            // this.$refs.selectTree_edit.clearHandle()
+            this.editForm.VEHICLE_DEPARTMENT_ID = data.pd.VEHICLE_DEPARTMENT_ID
+            this.$nextTick(() => { // 此处使用这个可以等节点渲染后再获取节点
+              this.$refs.selectTree_edit.handleNodeClick(node)
+            })
+          }
+        } else {
+          this.$message({
+            message: '数据回显失败',
+            type: 'error'
+          })
+        }
+      }).catch((e) => {
+      })
+    },
+    editDialogCancelBtn() {
+      this.editDialogVisible = false
+    },
+    // 查看按钮(展示详情)
+    showDetail(VEHICLE_ID) {
+      // this.$parent.activeName = 'Info'
+      // this.$parent.INSPECTION_ID = row.INSPECTION_ID
+      this.detailForm = {
+        LICENCE_NO: '', // 车牌号
+        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
+        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
+        USER_ID: '', // 车辆责任人
+        USER_NAME: '', // 车辆责任人姓名
+        EMPLOYEE_VEHICLE_USER_ID: '', // 员工车辆所属人
+        LICENCE_TYPE: null, // 车牌类型
+        VEHICLE_TYPE: null // 车辆类型
+      }
+      this.detailDialogVisible = true
+      // 提供查询接口回显数据
+      requestFN(
+        'vehiclemessage/detailVehicleMessage',
+        {
+          VEHICLE_ID: VEHICLE_ID
+        }
+      ).then((data) => {
+        if (data.result === 'success') {
+          this.detailForm.LICENCE_NO = data.pd.LICENCE_NO // 车牌号
+          this.detailForm.VEHICLE_DEPARTMENT_ID = data.pd.DEPARTMENT_NAME // 车辆所属部门
+          this.detailForm.USER_ID = data.pd.USER_NAME // 车辆责任人
+          this.detailForm.LICENCE_TYPE = this.translateLicenceType(data.pd.LICENCE_TYPE) // 车牌类型
+          this.detailForm.VEHICLE_TYPE = this.translateVehicleType(data.pd.VEHICLE_TYPE) // 车辆类型
+          this.detailForm.VEHICLE_BELONG_TYPE = data.pd.VEHICLE_BELONG_TYPE === undefined ? '' : this.vehicleBelongType(data.pd.VEHICLE_BELONG_TYPE)
+        } else {
+          this.$message({
+            message: '数据回显失败',
+            type: 'error'
+          })
+        }
+      }).catch((e) => {
+      })
+    },
+    judgeEdit() {
+      if (this.editForm.VEHICLE_BELONG_TYPE === '0') { // 员工车辆(责任人和所属人都需要添加)
+        this.editForm.EMPLOYEE_VEHICLE_USER_ID = this.editForm.USER_ID // 车辆所属人id
+        this.editForm.EMPLOYEE_VEHICLE_USER_NAME = this.editForm.USER_NAME // 车辆所属人姓名
+      } else { // 单位车辆（只需添加责任人，无需添加所属人）
+        this.editForm.EMPLOYEE_VEHICLE_USER_ID = '' // 车辆所属人id
+        this.editForm.EMPLOYEE_VEHICLE_USER_NAME = '' // 车辆所属人姓名
+      }
+    },
+    // 修改弹窗的确定按钮
+    editDialogConfirmBtn() {
+      this.judgeEdit()
+      this.$refs.editForm.validate(valid => {
+        if (valid) {
+          const loading = this.$loading({
+            lock: true,
+            text: '数据保存中...',
+            spinner: 'el-icon-loading',
+            background: 'rgba(0, 0, 0, 0.7)'
+          })
+          this.listLoading = true
+          requestFN(
+            'vehiclemessage/updateVehicleMessage',
+            {
+              ...this.editForm,
+              'CORPINFO_ID': this.loginUserInfo.CORPINFO_ID,
+              'loginUserId': this.loginUserInfo.USER_ID,
+              'roleName': this.loginUserInfo.ROLE_NAME
+            }
+          ).then((data) => {
+            if (data.result === 'success') {
+              this.$message({
+                message: '修改成功',
+                type: 'success'
+              })
+            } else {
+              this.$message({
+                message: data.msg,
+                type: 'success'
+              })
+            }
+            this.listLoading = false
+            loading.close()
+            this.editDialogVisible = false
+            this.getQuery()
+          }).catch((e) => {
+            this.listLoading = false
+            loading.close()
+          })
+        } else {
+          return false
+        }
+      })
+    },
+    // 删除单条数据的删除按钮
+    deleteSingleDataDeleteBtn(id, USER_ID, EMPLOYEE_VEHICLE_USER_ID) {
+      this.$confirm('确定要删除吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.listLoading = true
+        requestFN(
+          'vehiclemessage/deleteVehicleMessage',
+          {
+            'VEHICLE_ID': id,
+            'USER_ID': USER_ID,
+            'EMPLOYEE_VEHICLE_USER_ID': EMPLOYEE_VEHICLE_USER_ID,
+            'CORPINFO_ID': this.loginUserInfo.CORPINFO_ID,
+            'loginUserId': this.loginUserInfo.USER_ID,
+            'roleName': this.loginUserInfo.ROLE_NAME
+          }
+        ).then((data) => {
+          if (data.result === 'success') {
+            this.$message({
+              message: '删除成功',
+              type: 'success'
+            })
+          } else {
+            this.$message({
+              message: data.msg,
+              type: 'success'
+            })
+          }
+          this.listLoading = false
+          this.varList = []
+          this.listQuery.page = 1
+          this.getPageList()
+        }).catch((e) => {
+          this.listLoading = false
+        })
+      }).catch(() => {
+      })
+    },
+    // 获取数据字典数据
+    // getDict: function() {
+    //   requestFN(
+    //     '/dictionaries/listSelectTree',
+    //     {
+    //       DICTIONARIES_ID: '60e6481d96e44a5390ff5c347c4d1ffe' // 检查类型
+    //     }
+    //   ).then((data) => {
+    //     this.inspectionTypeList = JSON.parse(data.zTreeNodes)
+    //   }).catch((e) => {
+    //
+    //   })
+    // },
+    // 获得部门树
+    getDepartmentTreeData() {
+      requestFN(
+        '/department/listTree',
+        {}
+      ).then((data) => {
+        this.departmentTreeData = JSON.parse(data.zTreeNodes)
+      }).catch((e) => {
+      })
+    },
+    resetSearch() {
+      this.searchFrom = {
+        LICENCE_NO: '' // 车牌号（输入框）
+      }
+      this.$refs.selectTree_Search1.clearHandle() // 清空
+      this.$refs.selectTree_Search2.clearHandle()
+    },
+    addUserList(DEPARTMENT_ID) {
+      this.getUserList(DEPARTMENT_ID)
+      this.handleDepartmentAddChange(DEPARTMENT_ID)
+    },
+    updateUserList(DEPARTMENT_ID) {
+      this.getUserList(DEPARTMENT_ID)
+      this.handleDepartmentUpdateChange(DEPARTMENT_ID)
+    },
+    getUserList(DEPARTMENT_ID) { // 根据部门获取部门内的人员
+      requestFN(
+        '/user/listAll',
+        {
+          DEPARTMENT_ID: DEPARTMENT_ID,
+          tm: new Date().getTime()
+        }
+      ).then((data) => {
+        this.userList = data.userList
+      }).catch((e) => {
+        // this.listLoading = false
+      })
+    },
+    // 添加弹窗中的车辆责任人
+    userIdAddChange(event) {
+      this.addForm.USER_ID = event
+      this.handleUserAddChange(event)
+    },
+    // 添加弹窗中的车辆所属人
+    employeeUserIdAddChange(event) {
+      this.addForm.EMPLOYEE_VEHICLE_USER_ID = event
+      this.handleEmployeeUserAddChange(event)
+    },
+    // 修改弹窗中的车辆责任人
+    userIdUpdateChange(event) {
+      this.editForm.USER_ID = event
+      this.handleUserUpdateChange(event)
+    },
+    handleDepartmentAddChange(value) {
+      this.addForm.VEHICLE_DEPARTMENT_NAME = this.findLabelByValue(this.departmentTreeData, value)
+    },
+    handleDepartmentUpdateChange(value) {
+      this.editForm.VEHICLE_DEPARTMENT_NAME = this.findLabelByValue(this.departmentTreeData, value)
+    },
+    findLabelByValue(tree, value) {
+      for (const node of tree) {
+        if (node.id === value) {
+          return node.name
+        }
+        if (node.nodes && node.nodes.length > 0) {
+          const result = this.findLabelByValue(node.nodes, value)
+          if (result) {
+            return result
+          }
+        }
+      }
+      return ''
+    },
+    handleUserAddChange(value) {
+      const selectedUser = this.userList.find(user => user.USER_ID === value)
+      if (selectedUser) {
+        this.addForm.USER_NAME = selectedUser.NAME
+      } else {
+        this.addForm.USER_NAME = ''
+      }
+    },
+    handleEmployeeUserAddChange(value) {
+      const selectedUser = this.userList.find(user => user.USER_ID === value)
+      if (selectedUser) {
+        this.addForm.EMPLOYEE_VEHICLE_USER_NAME = selectedUser.NAME
+      } else {
+        this.addForm.EMPLOYEE_VEHICLE_USER_NAME = ''
+      }
+    },
+    handleUserUpdateChange(value) {
+      const selectedUser = this.userList.find(user => user.USER_ID === value)
+      if (selectedUser) {
+        this.editForm.USER_NAME = selectedUser.NAME
+      } else {
+        this.editForm.USER_NAME = ''
+      }
+    },
+    resetForm(row) {
+      this.searchFrom = {
+        LICENCE_NO: '', // 车牌号
+        VEHICLE_TYPE: '', // 车辆类型
+        VEHICLE_DEPARTMENT_ID: '' // 车辆所属部门
+      }
+    },
+    goCheckLicenceNoAdd() {
+      if (this.addForm.LICENCE_NO) {
+        const regex = /^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1})$/
+        const result = regex.test(this.addForm.LICENCE_NO)
+        if (result) {
+          console.log('格式校验通过')
+          requestFN(
+            'vehiclemessage/goCheckLicenceNo',
+            {
+              'LICENCE_NO': this.addForm.LICENCE_NO
+            }
+          ).then((data) => {
+            if (data.result === 'success') {
+              this.$message.success('验证通过')
+              this.ISCHECK = true
+            } else {
+              this.$message.error('车牌号已存在,请重新输入')
+              this.ISCHECK = false
+            }
+          }).catch((e) => {
+            console.info(e)
+            this.listLoading = false
+            this.ISCHECK = false
+          })
+        } else {
+          this.$message.success('车牌号不规范')
+          this.ISCHECK = false
+        }
+      }
+    },
+    goCheckLicenceNoUpdate() {
+      if (this.editForm.LICENCE_NO) {
+        if (this.editForm.LICENCE_NO !== this.editForm.OLD_LICENCE_NO) {
+          const regex = /^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1})$/
+          const result = regex.test(this.editForm.LICENCE_NO)
+          if (result) {
+            console.log('格式校验通过')
+            requestFN(
+              'vehiclemessage/goCheckLicenceNo',
+              {
+                'LICENCE_NO': this.editForm.LICENCE_NO
+              }
+            ).then((data) => {
+              if (data.result === 'success') {
+                this.$message.success('验证通过')
+                this.ISCHECK = true
+              } else {
+                this.$message.error('车牌号已存在,请重新输入')
+                this.ISCHECK = false
+              }
+            }).catch((e) => {
+              console.info(e)
+              this.listLoading = false
+              this.ISCHECK = false
+            })
+          } else {
+            this.$message.success('车牌号不规范')
+            this.ISCHECK = false
+          }
+        }
+      }
+    },
+    // 车辆进出记录按钮的点击事件
+    vehicleInOutRecordBtn(LICENCE_NO) {
+      this.$parent.activeName = 'Record'
+      this.$parent.LICENCE_NO = LICENCE_NO
+    }
+  }
+}
+</script>
diff --git a/src/views/firstLevelDoor/longCarPort/CarInfo/index.vue b/src/views/firstLevelDoor/longCarPort/CarInfo/index.vue
new file mode 100644
index 0000000..920f9b4
--- /dev/null
+++ b/src/views/firstLevelDoor/longCarPort/CarInfo/index.vue
@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <List v-show="activeName==='List'" ref="list" />
+  </div>
+</template>
+
+<script>
+import List from './components/list'
+export default {
+  components: {
+    List
+  },
+  data() {
+    return {
+      activeName: 'List',
+      INSPECTION_ID: '',
+      LICENCE_NO: ''
+    }
+  },
+  watch: {
+    activeName(newValue, oldValue) {
+      if (newValue == 'List') {
+        this.$refs.list.getQuery()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/firstLevelDoor/longCarPort/index.vue b/src/views/firstLevelDoor/longCarPort/index.vue
new file mode 100644
index 0000000..98240ae
--- /dev/null
+++ b/src/views/firstLevelDoor/longCarPort/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>
diff --git a/src/views/firstLevelDoor/personPortInfo/PersonInfo/components/list.vue b/src/views/firstLevelDoor/personPortInfo/PersonInfo/components/list.vue
new file mode 100644
index 0000000..81a10e8
--- /dev/null
+++ b/src/views/firstLevelDoor/personPortInfo/PersonInfo/components/list.vue
@@ -0,0 +1,170 @@
+<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-form-item label="用户类型">
+            <el-select v-model="form.USER_TYPE" placeholder="请选择" style="width: 100%;">
+              <el-option v-for="item in typeList" :key="item.ID" :label="item.NAME" :value="item.ID" />
+            </el-select>
+          </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="USERNAME" label="手机号"/>
+      <el-table-column prop="BELONG_TO_CORP_NAME" label="企业名称"/>
+      <el-table-column prop="DEPARTMENT_NAME" label="部门名称"/>
+      <el-table-column prop="VALIDITY_PERIOD_START" label="培训有效期开始时间"/>
+      <el-table-column prop="VALIDITY_PERIOD_END" label="培训有效期结束时间"/>
+      <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: ''
+      }
+    }
+  },
+  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(
+        '/mkmj/management/personPortInfoList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID
+        }
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.varList
+        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/firstLevelDoor/personPortInfo/PersonInfo/components/recordsList.vue b/src/views/firstLevelDoor/personPortInfo/PersonInfo/components/recordsList.vue
new file mode 100644
index 0000000..bc63bbb
--- /dev/null
+++ b/src/views/firstLevelDoor/personPortInfo/PersonInfo/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(
+        '/mkmj/management/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/firstLevelDoor/personPortInfo/PersonInfo/index.vue b/src/views/firstLevelDoor/personPortInfo/PersonInfo/index.vue
new file mode 100644
index 0000000..b7e4344
--- /dev/null
+++ b/src/views/firstLevelDoor/personPortInfo/PersonInfo/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/firstLevelDoor/personPortInfo/index.vue b/src/views/firstLevelDoor/personPortInfo/index.vue
new file mode 100644
index 0000000..98240ae
--- /dev/null
+++ b/src/views/firstLevelDoor/personPortInfo/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>
diff --git a/src/views/zgUnit/PersonPort/index.vue b/src/views/zgUnit/PersonPort/index.vue
new file mode 100644
index 0000000..98240ae
--- /dev/null
+++ b/src/views/zgUnit/PersonPort/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>
diff --git a/src/views/zgUnit/PersonPort/personInfo/components/list.vue b/src/views/zgUnit/PersonPort/personInfo/components/list.vue
new file mode 100644
index 0000000..f0cf878
--- /dev/null
+++ b/src/views/zgUnit/PersonPort/personInfo/components/list.vue
@@ -0,0 +1,167 @@
+<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(
+        '/mkmj/management/getZgPersonList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID
+        }
+
+      ).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/zgUnit/PersonPort/personInfo/components/recordsList.vue b/src/views/zgUnit/PersonPort/personInfo/components/recordsList.vue
new file mode 100644
index 0000000..224e96a
--- /dev/null
+++ b/src/views/zgUnit/PersonPort/personInfo/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/zgUnit/PersonPort/personInfo/index.vue b/src/views/zgUnit/PersonPort/personInfo/index.vue
new file mode 100644
index 0000000..b7e4344
--- /dev/null
+++ b/src/views/zgUnit/PersonPort/personInfo/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/zgUnit/carPort/carInfo/components/list.vue b/src/views/zgUnit/carPort/carInfo/components/list.vue
new file mode 100644
index 0000000..68fb0d2
--- /dev/null
+++ b/src/views/zgUnit/carPort/carInfo/components/list.vue
@@ -0,0 +1,912 @@
+<template>
+  <div class="app-container">
+    <el-form label-width="100px">
+      <el-row>
+        <el-col :span="4">
+          <el-form-item label="车牌号">
+            <el-input v-model="searchFrom.LICENCE_NO" placeholder="请输入车牌号..." />
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label="车辆类型" prop="VEHICLE_TYPE">
+            <SelectTree
+              ref="selectTree_Search1"
+              :clearable="false"
+              :options="vehicleTypeList"
+              :props="vehicleDefaultProps"
+              v-model="searchFrom.VEHICLE_TYPE"
+              placeholder="请选择车辆类型"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-form-item v-show="roleName !== '普通用户角色'" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+            <SelectTree
+              ref="selectTree_Search2"
+              :clearable="false"
+              :options="departmentTreeData"
+              :props="defaultProps"
+              v-model="searchFrom.VEHICLE_DEPARTMENT_ID"
+              placeholder="请选择车辆所属部门"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-form-item v-show="roleName !== '普通用户角色'" label="车辆责任人">
+            <el-input v-model="searchFrom.USER_NAME" placeholder="请输入车辆责任人..." />
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label-width="10px">
+            <el-button v-waves type="primary" icon="el-icon-search" @click="getQuery">
+              搜索
+            </el-button>
+            <el-button v-waves type="success" icon="el-icon-refresh" @click="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-table
+      v-loading="listLoading"
+      ref="vehicleMessageTable"
+      :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="LICENCE_NO" label="车牌号" align="center" />
+      <el-table-column label="车牌类型" align="center">
+        <template slot-scope="{row}">
+          {{ translateLicenceType(row.LICENCE_TYPE) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="车辆类型" align="center">
+        <template slot-scope="{row}">
+          {{ translateVehicleType(row.VEHICLE_TYPE) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="DEPARTMENT_NAME" label="车辆所属部门" align="center" />
+      <el-table-column prop="USER_NAME" label="车辆责任人" align="center"/>
+<!--      <el-table-column label="操作" align="center" width="480">-->
+<!--        <template slot-scope="{row}">-->
+<!--          <el-button type="warning" icon="el-icon-more" size="mini" @click="vehicleInOutRecordBtn(row.LICENCE_NO)">车辆进出记录</el-button>-->
+<!--          <el-button icon="el-icon-view" size="mini" @click="showDetail(row.VEHICLE_ID)">查看</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="getPageList" />
+    </div>
+    <!--  添加车辆信息  -->
+    <el-dialog :visible.sync="addDialogVisible" title="添加车辆信息" width="600px">
+      <el-form v-if="addDialogVisible" ref="addForm" :model="addForm" label-width="170px" style="padding:0 20px; width: 500px;">
+        <el-form-item :rules="[{required: true}]" label="车牌号">
+          <el-input v-model="addForm.LICENCE_NO" :autosize="{ minRows: 1}" type="text" maxlength="300" placeholder="这里输入车牌号..." @blur="goCheckLicenceNoAdd()"/>
+        </el-form-item>
+        <!-- 白牌、蓝牌、黄牌、绿牌、黑牌 下拉框-->
+        <el-form-item :rules="[{required: true}]" label="车牌类型" prop="LICENCE_TYPE">
+          <SelectTree
+            ref="selectTree_add2"
+            :clearable="false"
+            :options="licenceTypeList"
+            :props="vehicleDefaultProps"
+            v-model="addForm.LICENCE_TYPE"
+            placeholder="请选择车牌类型"
+            style="width: 300px"/>
+        </el-form-item>
+        <!-- 货车、轿车、大巴客车  下拉框-->
+        <el-form-item :rules="[{required: true}]" label="车辆类型" prop="VEHICLE_TYPE">
+          <SelectTree
+            ref="selectTree_add3"
+            :clearable="false"
+            :options="vehicleTypeList"
+            :props="vehicleDefaultProps"
+            v-model="addForm.VEHICLE_TYPE"
+            placeholder="请选择车辆类型"
+            style="width: 300px"/>
+        </el-form-item>
+        <!-- 员工车辆、单位车辆、外部车辆 下拉框 -->
+        <el-form-item :rules="[{required: true}]" label="车辆所属类型" prop="VEHICLE_BELONG_TYPE">
+          <SelectTree
+            ref="selectTree_add4"
+            :clearable="false"
+            :options="vehicleBelongTypeList"
+            :props="vehicleDefaultProps"
+            v-model="addForm.VEHICLE_BELONG_TYPE"
+            placeholder="请选择车辆所属类型"
+            style="width: 300px"/>
+        </el-form-item>
+        <!-- 车辆所属部门下拉框 -->
+        <el-form-item v-show="roleName !== '普通用户角色'" :rules="[{required: true}]" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+          <SelectTree
+            ref="selectTree_add1"
+            :clearable="false"
+            :options="departmentTreeData"
+            :props="defaultProps"
+            v-model="addForm.VEHICLE_DEPARTMENT_ID"
+            placeholder="请选择车辆所属部门"
+            style="width: 300px"
+            @change="addUserList"/>
+        </el-form-item>
+        <el-form-item v-show="roleName === '普通用户角色'" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+          <el-input v-model="loginDepartmentName" disabled/>
+        </el-form-item>
+        <!-- 车辆责任人下拉框 -->
+        <el-form-item v-show="roleName !== '普通用户角色'" :rules="[{required: true}]" label="车辆责任人" prop="USER_ID">
+          <el-select :value="addForm.USER_ID" clearable placeholder="请选择" @visible-change="$forceUpdate()" @change="userIdAddChange">
+            <el-option v-for="item in userList" :key="item.USER_ID" :label="item.NAME" :value="item.USER_ID"/>
+          </el-select>
+        </el-form-item>
+        <el-form-item v-show="roleName === '普通用户角色'" label="车辆责任人" prop="USER_ID">
+          <el-input v-model="loginUserName" disabled/>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="addDialogCancelBtn">取 消</el-button>
+        <el-button type="primary" @click="addDialogConfirmBtn">确 定</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog :visible.sync="editDialogVisible" title="修改" width="600px">
+      <el-form ref="editForm" :model="editForm" label-width="170px" style="width: 500px;">
+        <el-form-item :rules="[{required: true}]" label="车牌号">
+          <el-input v-model="editForm.LICENCE_NO" :autosize="{ minRows: 1}" type="text" maxlength="300" placeholder="这里输入车牌号..." @blur="goCheckLicenceNoUpdate()"/>
+        </el-form-item>
+        <el-form-item label="车牌类型" prop="LICENCE_TYPE">
+          <el-select v-model="editForm.LICENCE_TYPE" clearable placeholder="请选择" @visible-change="$forceUpdate()">
+            <el-option v-for="item in licenceTypeList" :key="item.ID" :label="item.NAME" :value="item.ID" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="车辆类型" prop="VEHICLE_TYPE">
+          <el-select v-model="editForm.VEHICLE_TYPE" clearable placeholder="请选择" @visible-change="$forceUpdate()">
+            <el-option v-for="item in vehicleTypeList" :key="item.ID" :label="item.NAME" :value="item.ID" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="车辆所属类型" prop="VEHICLE_BELONG_TYPE">
+          <el-select v-model="editForm.VEHICLE_BELONG_TYPE" clearable placeholder="请选择" @visible-change="$forceUpdate()">
+            <el-option v-for="item in vehicleBelongTypeList" :key="item.ID" :label="item.NAME" :value="item.ID" />
+          </el-select>
+        </el-form-item>
+        <!-- 车辆所属部门下拉框 -->
+        <el-form-item v-show="roleName !== '普通用户角色'" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+          <SelectTree
+            ref="selectTree_edit"
+            :clearable="true"
+            :options="departmentTreeData"
+            :props="defaultProps"
+            v-model="editForm.VEHICLE_DEPARTMENT_ID"
+            placeholder="请选择车辆所属部门"
+            style="width: 300px"
+            @change="updateUserList"/>
+        </el-form-item>
+        <el-form-item v-show="roleName === '普通用户角色'" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+          <el-input v-model="loginDepartmentName" disabled/>
+        </el-form-item>
+        <!-- 车辆责任人下拉框 -->
+        <el-form-item v-show="roleName !== '普通用户角色'" label="车辆责任人" prop="USER_ID">
+          <el-select :value="editForm.USER_ID" clearable placeholder="请选择" @visible-change="$forceUpdate()" @change="userIdUpdateChange">
+            <el-option v-for="item in userList" :key="item.USER_ID" :label="item.NAME" :value="item.USER_ID" />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-show="roleName === '普通用户角色'" label="车辆责任人" prop="USER_ID">
+          <el-input v-model="loginUserName" disabled/>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="editDialogCancelBtn">取 消</el-button>
+        <el-button type="primary" @click="editDialogConfirmBtn">提 交</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog :visible.sync="detailDialogVisible" title="详情" width="600px">
+      <el-form ref="form" :model="detailForm" label-width="170px" style="width: 500px;">
+        <el-form-item label="车牌号">
+          <el-input v-model="detailForm.LICENCE_NO" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
+        </el-form-item>
+        <el-form-item label="车牌类型">
+          <el-input v-model="detailForm.LICENCE_TYPE" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
+        </el-form-item>
+        <el-form-item label="车辆类型">
+          <el-input v-model="detailForm.VEHICLE_TYPE" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
+        </el-form-item>
+        <el-form-item label="车辆所属类型">
+          <el-input v-model="detailForm.VEHICLE_BELONG_TYPE" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
+        </el-form-item>
+        <el-form-item label="车辆所属部门">
+          <el-input v-model="detailForm.VEHICLE_DEPARTMENT_ID" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
+        </el-form-item>
+        <el-form-item label="车辆责任人">
+          <el-input v-model="detailForm.USER_ID" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="detailDialogReturnBtn">返回</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import SelectTree from '@/components/SelectTree'
+export default {
+  components: { Pagination, SelectTree },
+  directives: { waves },
+  data() {
+    return {
+      ISCHECK: false,
+      userInfo: JSON.parse(sessionStorage.getItem('user')),
+      listLoading: true,
+      add: false,
+      del: false,
+      edit: false,
+      loginUserInfo: {},
+      roleName: '', // 角色名称
+      loginUserId: '',
+      loginUserName: '',
+      loginDepartmentId: '',
+      loginDepartmentName: '',
+      corpInfoId: '', // 获取当前登陆用户的企业id
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      defaultProps: {
+        value: 'id',
+        children: 'nodes',
+        label: 'name'
+      },
+      total: 0,
+      KEYWORDS: '',
+      // 车牌类型列表
+      licenceTypeList: [
+        // { ID: '', NAME: '请选择' },
+        { ID: '0', NAME: '白牌' },
+        { ID: '1', NAME: '蓝牌' },
+        { ID: '2', NAME: '黄牌' },
+        { ID: '3', NAME: '绿牌' },
+        { ID: '4', NAME: '黑牌' }
+      ],
+      // 车辆类型列表
+      vehicleTypeList: [
+        // { ID: '', NAME: '请选择' },
+        { ID: '0', NAME: '货车' },
+        { ID: '1', NAME: '轿车' },
+        { ID: '2', NAME: '大巴客车' }
+      ],
+      // 车辆所属类型列表
+      vehicleBelongTypeList: [
+        // { ID: '', NAME: '请选择' },
+        { ID: '0', NAME: '员工车辆' },
+        { ID: '1', NAME: '单位车辆' }
+        // { ID: '2', NAME: '外部车辆' }
+      ],
+      // 车辆下拉树默认属性
+      vehicleDefaultProps: {
+        value: 'ID',
+        label: 'NAME',
+        children: 'nodes'
+      },
+      departmentTreeData: [],
+      // inspectionTypeList: [], //字典列表
+      // 列表展示的数据
+      varList: [],
+      // 查询表单的数据
+      searchFrom: {
+        VEHICLE_ID: '', // 车辆ID(基础属性)
+        LICENCE_NO: '', // 车牌号
+        VEHICLE_TYPE: '', // 车辆类型
+        VEHICLE_DEPARTMENT_ID: '' // 车辆所属部门ID
+      },
+      // 添加表单的数据
+      addForm: {
+        LICENCE_NO: '', // 车牌号
+        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门id
+        VEHICLE_DEPARTMENT_NAME: '', // 车辆所属部门名称
+        USER_ID: '', // 车辆责任人
+        LICENCE_TYPE: '', // 车牌类型
+        VEHICLE_TYPE: '', // 车辆类型
+        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
+        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人id
+        EMPLOYEE_VEHICLE_USER_NAME: '', // 车辆所属人姓名
+        DEPARTMENT_NAME: '', // 部门名称
+        DEPARTMENT_ID: '',
+        USER_NAME: '' // 车辆责任人姓名
+      },
+      // 修改表单的数据
+      editForm: {
+        VEHICLE_ID: '', // 车辆id(基础属性)
+        LICENCE_NO: '', // 车牌号
+        OLD_LICENCE_NO: '', // 修改前的车牌号
+        USER_ID: '', // 车辆责任人
+        USER_NAME: '', // 车辆责任人姓名
+        LICENCE_TYPE: '', // 车牌类型
+        VEHICLE_TYPE: '', // 车辆类型
+        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
+        DEPARTMENT_NAME: '', // 车辆所属部门名称
+        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人
+        EMPLOYEE_VEHICLE_USER_NAME: '', // 车辆所属人姓名
+        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
+        VEHICLE_DEPARTMENT_NAME: '' // 车辆所属部门名称
+      },
+      // 详情表单的数据
+      detailForm: {
+        LICENCE_NO: '', // 车牌号
+        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
+        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
+        USER_ID: '', // 车辆责任人
+        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人
+        LICENCE_TYPE: null, // 车牌类型
+        VEHICLE_TYPE: null // 车辆类型
+      },
+      addDialogVisible: false, // 添加弹窗的展示与不展示
+      editDialogVisible: false, // 编辑弹窗的展示与不展示
+      detailDialogVisible: false, // 详情弹窗的展示与不展示
+      userList: [], // 部门用户列表
+      selectTree_edit: []
+    }
+  },
+  created() {
+    this.loginUserInfo = JSON.parse(sessionStorage.getItem('user')) // 获取当前登陆用户的信息
+    this.getDepartmentTreeData() // 获取部门树的数据
+    this.getLoginUserInfo() // 获取当前登陆用户的信息
+    // this.getDict() // 获取字典
+    this.getPageList() // 获取分页列表要展示的数据
+  },
+  methods: {
+    getRowKey(row) {
+      return row.VEHICLE_ID
+    },
+    translateLicenceType(id) {
+      for (var i = 0; i < this.licenceTypeList.length; i++) {
+        if (this.licenceTypeList[i].ID == id) return this.licenceTypeList[i].NAME
+      }
+    },
+    translateVehicleType(id) {
+      for (var i = 0; i < this.vehicleTypeList.length; i++) {
+        if (this.vehicleTypeList[i].ID == id) return this.vehicleTypeList[i].NAME
+      }
+    },
+    vehicleBelongType(id) {
+      for (var i = 0; i < this.vehicleBelongTypeList.length; i++) {
+        if (this.vehicleBelongTypeList[i].ID == id) return this.vehicleBelongTypeList[i].NAME
+      }
+    },
+    getLoginUserInfo() { // 获取登录人信息
+      // return new Promise((resolve) => {
+      requestFN(
+        '/user/goEditMyInfo',
+        {}
+      ).then((data) => {
+        console.info(data.pd)
+        this.loginUserId = data.pd.USER_ID
+        this.loginUserName = data.pd.NAME
+        this.loginDepartmentId = data.pd.DEPARTMENT_ID
+        this.loginDepartmentName = data.pd.deptName
+        this.corpInfoId = data.pd.CORPINFO_ID
+        // resolve('ok')
+      }).catch((e) => {
+      })
+      // })
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.vehicleMessageTable.clearSelection() // 先置空表格再查询
+      this.getPageList()
+    },
+    goKeyReset() {
+      this.resetSearch()
+      this.getQuery()
+    },
+    // 获取列表
+    getPageList() {
+      this.roleName = ''
+      this.listLoading = true
+      requestFN(
+        '/mkmj/management/getXgfCarList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchFrom,
+          CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          IS_AUDIT: 1,
+          TYPE: 1
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.carInfoList
+        this.total = data.page.totalResult
+        this.roleName = data.roleName
+        // this.hasButton()
+        this.pd = data.pd
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    // 打开新增弹窗的新增按钮
+    openAddDialogAddBtn() {
+      this.addDialogVisible = true
+      this.reSetAddDialog()
+      this.ISCHECK = false
+    },
+    // 添加弹窗的取消按钮
+    addDialogCancelBtn() {
+      this.addDialogVisible = false
+    },
+    // 查看弹窗的返回按钮
+    detailDialogReturnBtn() {
+      this.detailDialogVisible = false
+    },
+    // 置空添加弹窗
+    reSetAddDialog() {
+      this.addForm.LICENCE_NO = ''
+      this.addForm.USER_ID = ''
+      this.addForm.VEHICLE_DEPARTMENT_ID = ''
+      this.addForm.LICENCE_TYPE = ''
+      this.addForm.VEHICLE_TYPE = ''
+      this.addForm.VEHICLE_BELONG_TYPE = ''
+      this.addForm.EMPLOYEE_VEHICLE_USER_ID = ''
+      this.userList = []
+      this.addForm.DEPARTMENT_NAME = ''
+      this.addForm.DEPARTMENT_ID = ''
+    },
+    // 添加弹窗的确定按钮
+    addDialogConfirmBtn() {
+      if (this.addForm.LICENCE_NO !== null && this.addForm.LICENCE_NO === '') {
+        this.$message({
+          message: '车牌号不能为空',
+          type: 'error'
+        })
+        return false
+      }
+      if (this.addForm.LICENCE_TYPE !== null && this.addForm.LICENCE_TYPE === '') {
+        this.$message({
+          message: '请选择车牌类型',
+          type: 'error'
+        })
+        return false
+      }
+      if (this.addForm.VEHICLE_TYPE !== null && this.addForm.VEHICLE_TYPE === '') {
+        this.$message({
+          message: '请选择车辆类型',
+          type: 'error'
+        })
+        return false
+      }
+      if (this.addForm.VEHICLE_BELONG_TYPE !== null && this.addForm.VEHICLE_BELONG_TYPE === '') {
+        this.$message({
+          message: '请选择车辆所属类型',
+          type: 'error'
+        })
+        return false
+      }
+      if (this.roleName !== '普通用户角色') {
+        if (this.addForm.VEHICLE_DEPARTMENT_ID !== null && this.addForm.VEHICLE_DEPARTMENT_ID === '') {
+          this.$message({
+            message: '请选择车辆所属部门',
+            type: 'error'
+          })
+          return false
+        }
+        if (this.addForm.USER_ID !== null && this.addForm.USER_ID === '') {
+          this.$message({
+            message: '请选择车辆责任人',
+            type: 'error'
+          })
+          return false
+        }
+      } else {
+        this.addForm.VEHICLE_DEPARTMENT_ID = this.loginDepartmentId // 车辆所属部门id
+        this.addForm.VEHICLE_DEPARTMENT_NAME = this.loginDepartmentName // 车辆所属部门名称
+        this.addForm.USER_ID = this.loginUserId // 车辆责任人id
+        this.addForm.USER_NAME = this.loginUserName // 车辆责任人姓名
+      }
+
+      if (this.addForm.VEHICLE_BELONG_TYPE === '0') { // 员工车辆(责任人和所属人都需要添加)
+        this.addForm.EMPLOYEE_VEHICLE_USER_ID = this.addForm.USER_ID // 车辆所属人id
+        this.addForm.EMPLOYEE_VEHICLE_USER_NAME = this.addForm.USER_NAME // 车辆所属人姓名
+      } else { // 单位车辆（只需添加责任人，无需添加所属人）
+        this.addForm.EMPLOYEE_VEHICLE_USER_ID = '' // 车辆所属人id
+        this.addForm.EMPLOYEE_VEHICLE_USER_NAME = '' // 车辆所属人姓名
+      }
+      this.addRequest()
+    },
+    addRequest() {
+      requestFN(
+        'vehiclemessage/addVehicleMessage',
+        {
+          ...this.addForm,
+          'CORPINFO_ID': this.corpInfoId,
+          'loginUserId': this.loginUserId
+        }
+      ).then((data) => {
+        if (data.result === 'fail') {
+          this.$message({
+            message: data.msg,
+            type: 'error'
+          })
+        } else {
+          this.$message.success('车辆信息添加成功')
+          this.getPageList() // 重新加载列表
+          this.addDialogVisible = false
+        }
+      }).catch((e) => {
+      })
+    },
+    // 打开编辑弹窗的编辑按钮
+    openEditDialogEditBtn(VEHICLE_ID) {
+      this.editForm = {
+        VEHICLE_ID: VEHICLE_ID, // 车辆id(基础属性)
+        LICENCE_NO: '', // 车牌号
+        OLD_LICENCE_NO: '', // 修改前的车牌号
+        USER_ID: '', // 车辆责任人
+        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人
+        VEHICLE_DEPARTMENT_ID: '' // 车辆归属公司或责任公司（车辆所属部门）
+      }
+      this.userList = []
+      this.editDialogVisible = true
+      // 提供查询接口回显数据
+      requestFN(
+        'vehiclemessage/updateShowVehicleMessage',
+        {
+          VEHICLE_ID: VEHICLE_ID
+        }
+      ).then((data) => {
+        if (data.result === 'success') {
+          this.editForm.LICENCE_NO = data.pd.LICENCE_NO // 车牌号
+          this.editForm.OLD_LICENCE_NO = data.pd.LICENCE_NO // 车牌号
+          this.editForm.USER_ID = data.pd.USER_ID // 车辆责任人
+          this.editForm.LICENCE_TYPE = String(data.pd.LICENCE_TYPE) // 车牌类型
+          this.editForm.VEHICLE_TYPE = String(data.pd.VEHICLE_TYPE) // 车辆类型
+          this.editForm.VEHICLE_BELONG_TYPE = data.pd.VEHICLE_BELONG_TYPE === undefined ? '' : data.pd.VEHICLE_BELONG_TYPE // 车辆所属类型
+          if ('VEHICLE_DEPARTMENT_ID' in data.pd) { // 存在车辆归属部门id
+            const node = {}
+            node.id = data.pd.VEHICLE_DEPARTMENT_ID
+            // this.$refs.selectTree_edit.clearHandle()
+            this.editForm.VEHICLE_DEPARTMENT_ID = data.pd.VEHICLE_DEPARTMENT_ID
+            this.$nextTick(() => { // 此处使用这个可以等节点渲染后再获取节点
+              this.$refs.selectTree_edit.handleNodeClick(node)
+            })
+          }
+        } else {
+          this.$message({
+            message: '数据回显失败',
+            type: 'error'
+          })
+        }
+      }).catch((e) => {
+      })
+    },
+    editDialogCancelBtn() {
+      this.editDialogVisible = false
+    },
+    // 查看按钮(展示详情)
+    showDetail(VEHICLE_ID) {
+      // this.$parent.activeName = 'Info'
+      // this.$parent.INSPECTION_ID = row.INSPECTION_ID
+      this.detailForm = {
+        LICENCE_NO: '', // 车牌号
+        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
+        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
+        USER_ID: '', // 车辆责任人
+        USER_NAME: '', // 车辆责任人姓名
+        EMPLOYEE_VEHICLE_USER_ID: '', // 员工车辆所属人
+        LICENCE_TYPE: null, // 车牌类型
+        VEHICLE_TYPE: null // 车辆类型
+      }
+      this.detailDialogVisible = true
+      // 提供查询接口回显数据
+      requestFN(
+        'vehiclemessage/detailVehicleMessage',
+        {
+          VEHICLE_ID: VEHICLE_ID
+        }
+      ).then((data) => {
+        if (data.result === 'success') {
+          this.detailForm.LICENCE_NO = data.pd.LICENCE_NO // 车牌号
+          this.detailForm.VEHICLE_DEPARTMENT_ID = data.pd.DEPARTMENT_NAME // 车辆所属部门
+          this.detailForm.USER_ID = data.pd.USER_NAME // 车辆责任人
+          this.detailForm.LICENCE_TYPE = this.translateLicenceType(data.pd.LICENCE_TYPE) // 车牌类型
+          this.detailForm.VEHICLE_TYPE = this.translateVehicleType(data.pd.VEHICLE_TYPE) // 车辆类型
+          this.detailForm.VEHICLE_BELONG_TYPE = data.pd.VEHICLE_BELONG_TYPE === undefined ? '' : this.vehicleBelongType(data.pd.VEHICLE_BELONG_TYPE)
+        } else {
+          this.$message({
+            message: '数据回显失败',
+            type: 'error'
+          })
+        }
+      }).catch((e) => {
+      })
+    },
+    judgeEdit() {
+      if (this.editForm.VEHICLE_BELONG_TYPE === '0') { // 员工车辆(责任人和所属人都需要添加)
+        this.editForm.EMPLOYEE_VEHICLE_USER_ID = this.editForm.USER_ID // 车辆所属人id
+        this.editForm.EMPLOYEE_VEHICLE_USER_NAME = this.editForm.USER_NAME // 车辆所属人姓名
+      } else { // 单位车辆（只需添加责任人，无需添加所属人）
+        this.editForm.EMPLOYEE_VEHICLE_USER_ID = '' // 车辆所属人id
+        this.editForm.EMPLOYEE_VEHICLE_USER_NAME = '' // 车辆所属人姓名
+      }
+    },
+    // 修改弹窗的确定按钮
+    editDialogConfirmBtn() {
+      this.judgeEdit()
+      this.$refs.editForm.validate(valid => {
+        if (valid) {
+          const loading = this.$loading({
+            lock: true,
+            text: '数据保存中...',
+            spinner: 'el-icon-loading',
+            background: 'rgba(0, 0, 0, 0.7)'
+          })
+          this.listLoading = true
+          requestFN(
+            'vehiclemessage/updateVehicleMessage',
+            {
+              ...this.editForm,
+              'CORPINFO_ID': this.loginUserInfo.CORPINFO_ID,
+              'loginUserId': this.loginUserInfo.USER_ID,
+              'roleName': this.loginUserInfo.ROLE_NAME
+            }
+          ).then((data) => {
+            if (data.result === 'success') {
+              this.$message({
+                message: '修改成功',
+                type: 'success'
+              })
+            } else {
+              this.$message({
+                message: data.msg,
+                type: 'success'
+              })
+            }
+            this.listLoading = false
+            loading.close()
+            this.editDialogVisible = false
+            this.getQuery()
+          }).catch((e) => {
+            this.listLoading = false
+            loading.close()
+          })
+        } else {
+          return false
+        }
+      })
+    },
+    // 删除单条数据的删除按钮
+    deleteSingleDataDeleteBtn(id, USER_ID, EMPLOYEE_VEHICLE_USER_ID) {
+      this.$confirm('确定要删除吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.listLoading = true
+        requestFN(
+          'vehiclemessage/deleteVehicleMessage',
+          {
+            'VEHICLE_ID': id,
+            'USER_ID': USER_ID,
+            'EMPLOYEE_VEHICLE_USER_ID': EMPLOYEE_VEHICLE_USER_ID,
+            'CORPINFO_ID': this.loginUserInfo.CORPINFO_ID,
+            'loginUserId': this.loginUserInfo.USER_ID,
+            'roleName': this.loginUserInfo.ROLE_NAME
+          }
+        ).then((data) => {
+          if (data.result === 'success') {
+            this.$message({
+              message: '删除成功',
+              type: 'success'
+            })
+          } else {
+            this.$message({
+              message: data.msg,
+              type: 'success'
+            })
+          }
+          this.listLoading = false
+          this.varList = []
+          this.listQuery.page = 1
+          this.getPageList()
+        }).catch((e) => {
+          this.listLoading = false
+        })
+      }).catch(() => {
+      })
+    },
+    // 获取数据字典数据
+    // getDict: function() {
+    //   requestFN(
+    //     '/dictionaries/listSelectTree',
+    //     {
+    //       DICTIONARIES_ID: '60e6481d96e44a5390ff5c347c4d1ffe' // 检查类型
+    //     }
+    //   ).then((data) => {
+    //     this.inspectionTypeList = JSON.parse(data.zTreeNodes)
+    //   }).catch((e) => {
+    //
+    //   })
+    // },
+    // 获得部门树
+    getDepartmentTreeData() {
+      requestFN(
+        '/department/listTree',
+        {}
+      ).then((data) => {
+        this.departmentTreeData = JSON.parse(data.zTreeNodes)
+      }).catch((e) => {
+      })
+    },
+    resetSearch() {
+      this.searchFrom = {
+        LICENCE_NO: '' // 车牌号（输入框）
+      }
+      this.$refs.selectTree_Search1.clearHandle() // 清空
+      this.$refs.selectTree_Search2.clearHandle()
+    },
+    addUserList(DEPARTMENT_ID) {
+      this.getUserList(DEPARTMENT_ID)
+      this.handleDepartmentAddChange(DEPARTMENT_ID)
+    },
+    updateUserList(DEPARTMENT_ID) {
+      this.getUserList(DEPARTMENT_ID)
+      this.handleDepartmentUpdateChange(DEPARTMENT_ID)
+    },
+    getUserList(DEPARTMENT_ID) { // 根据部门获取部门内的人员
+      requestFN(
+        '/user/listAll',
+        {
+          DEPARTMENT_ID: DEPARTMENT_ID,
+          tm: new Date().getTime()
+        }
+      ).then((data) => {
+        this.userList = data.userList
+      }).catch((e) => {
+        // this.listLoading = false
+      })
+    },
+    // 添加弹窗中的车辆责任人
+    userIdAddChange(event) {
+      this.addForm.USER_ID = event
+      this.handleUserAddChange(event)
+    },
+    // 添加弹窗中的车辆所属人
+    employeeUserIdAddChange(event) {
+      this.addForm.EMPLOYEE_VEHICLE_USER_ID = event
+      this.handleEmployeeUserAddChange(event)
+    },
+    // 修改弹窗中的车辆责任人
+    userIdUpdateChange(event) {
+      this.editForm.USER_ID = event
+      this.handleUserUpdateChange(event)
+    },
+    handleDepartmentAddChange(value) {
+      this.addForm.VEHICLE_DEPARTMENT_NAME = this.findLabelByValue(this.departmentTreeData, value)
+    },
+    handleDepartmentUpdateChange(value) {
+      this.editForm.VEHICLE_DEPARTMENT_NAME = this.findLabelByValue(this.departmentTreeData, value)
+    },
+    findLabelByValue(tree, value) {
+      for (const node of tree) {
+        if (node.id === value) {
+          return node.name
+        }
+        if (node.nodes && node.nodes.length > 0) {
+          const result = this.findLabelByValue(node.nodes, value)
+          if (result) {
+            return result
+          }
+        }
+      }
+      return ''
+    },
+    handleUserAddChange(value) {
+      const selectedUser = this.userList.find(user => user.USER_ID === value)
+      if (selectedUser) {
+        this.addForm.USER_NAME = selectedUser.NAME
+      } else {
+        this.addForm.USER_NAME = ''
+      }
+    },
+    handleEmployeeUserAddChange(value) {
+      const selectedUser = this.userList.find(user => user.USER_ID === value)
+      if (selectedUser) {
+        this.addForm.EMPLOYEE_VEHICLE_USER_NAME = selectedUser.NAME
+      } else {
+        this.addForm.EMPLOYEE_VEHICLE_USER_NAME = ''
+      }
+    },
+    handleUserUpdateChange(value) {
+      const selectedUser = this.userList.find(user => user.USER_ID === value)
+      if (selectedUser) {
+        this.editForm.USER_NAME = selectedUser.NAME
+      } else {
+        this.editForm.USER_NAME = ''
+      }
+    },
+    resetForm(row) {
+      this.searchFrom = {
+        LICENCE_NO: '', // 车牌号
+        VEHICLE_TYPE: '', // 车辆类型
+        VEHICLE_DEPARTMENT_ID: '' // 车辆所属部门
+      }
+    },
+    goCheckLicenceNoAdd() {
+      if (this.addForm.LICENCE_NO) {
+        const regex = /^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1})$/
+        const result = regex.test(this.addForm.LICENCE_NO)
+        if (result) {
+          console.log('格式校验通过')
+          requestFN(
+            'vehiclemessage/goCheckLicenceNo',
+            {
+              'LICENCE_NO': this.addForm.LICENCE_NO
+            }
+          ).then((data) => {
+            if (data.result === 'success') {
+              this.$message.success('验证通过')
+              this.ISCHECK = true
+            } else {
+              this.$message.error('车牌号已存在,请重新输入')
+              this.ISCHECK = false
+            }
+          }).catch((e) => {
+            console.info(e)
+            this.listLoading = false
+            this.ISCHECK = false
+          })
+        } else {
+          this.$message.success('车牌号不规范')
+          this.ISCHECK = false
+        }
+      }
+    },
+    goCheckLicenceNoUpdate() {
+      if (this.editForm.LICENCE_NO) {
+        if (this.editForm.LICENCE_NO !== this.editForm.OLD_LICENCE_NO) {
+          const regex = /^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1})$/
+          const result = regex.test(this.editForm.LICENCE_NO)
+          if (result) {
+            console.log('格式校验通过')
+            requestFN(
+              'vehiclemessage/goCheckLicenceNo',
+              {
+                'LICENCE_NO': this.editForm.LICENCE_NO
+              }
+            ).then((data) => {
+              if (data.result === 'success') {
+                this.$message.success('验证通过')
+                this.ISCHECK = true
+              } else {
+                this.$message.error('车牌号已存在,请重新输入')
+                this.ISCHECK = false
+              }
+            }).catch((e) => {
+              console.info(e)
+              this.listLoading = false
+              this.ISCHECK = false
+            })
+          } else {
+            this.$message.success('车牌号不规范')
+            this.ISCHECK = false
+          }
+        }
+      }
+    },
+    // 车辆进出记录按钮的点击事件
+    vehicleInOutRecordBtn(LICENCE_NO) {
+      this.$parent.activeName = 'Record'
+      this.$parent.LICENCE_NO = LICENCE_NO
+    }
+  }
+}
+</script>
diff --git a/src/views/zgUnit/carPort/carInfo/index.vue b/src/views/zgUnit/carPort/carInfo/index.vue
new file mode 100644
index 0000000..920f9b4
--- /dev/null
+++ b/src/views/zgUnit/carPort/carInfo/index.vue
@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <List v-show="activeName==='List'" ref="list" />
+  </div>
+</template>
+
+<script>
+import List from './components/list'
+export default {
+  components: {
+    List
+  },
+  data() {
+    return {
+      activeName: 'List',
+      INSPECTION_ID: '',
+      LICENCE_NO: ''
+    }
+  },
+  watch: {
+    activeName(newValue, oldValue) {
+      if (newValue == 'List') {
+        this.$refs.list.getQuery()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/zgUnit/carPort/index.vue b/src/views/zgUnit/carPort/index.vue
new file mode 100644
index 0000000..98240ae
--- /dev/null
+++ b/src/views/zgUnit/carPort/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>
diff --git a/src/views/zgUnit/index.vue b/src/views/zgUnit/index.vue
new file mode 100644
index 0000000..98240ae
--- /dev/null
+++ b/src/views/zgUnit/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>
diff --git a/src/views/zgUnit/temporary/car/components/list.vue b/src/views/zgUnit/temporary/car/components/list.vue
new file mode 100644
index 0000000..ec1746c
--- /dev/null
+++ b/src/views/zgUnit/temporary/car/components/list.vue
@@ -0,0 +1,177 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-form ref="form" v-model="form">
+        <el-row>
+          <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="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-row>
+      </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="USER_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 prop="CAR_NO" label="车牌号"/>
+      <el-table-column label="车牌类型" align="center" width="120">
+        <template slot-scope="{row}">
+          {{ getCarPlantType(row.CAR_PLANT_TYPE) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="车辆类型" align="center" width="120">
+        <template slot-scope="{row}">
+          {{ getCarType(row.CAR_TYPE) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="VISIT_START_TIME" label="访问起始时间"/>
+      <el-table-column prop="VISIT_END_TIME" label="访问结束时间"/>
+      <el-table-column prop="DOOR_NAME" label="访问口门名称"/>
+      <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>
+    <flow-step ref="flowStep" append-to-body @refresh="getList"/>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import FlowStep from '../../preson/components/flowStep.vue'
+export default{
+  components: { FlowStep, Pagination },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      total: 0,
+      title: '',
+      isShow: false,
+      form: {
+        USER_NAME: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: '',
+        TEMPORARY_TYPE: '2',
+        CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    // 获取车牌类型
+    getCarPlantType(CAR_PLANT_TYPE) {
+      if (CAR_PLANT_TYPE === '0') {
+        return '白牌'
+      } else if (CAR_PLANT_TYPE === '1') {
+        return '蓝牌'
+      } else if (CAR_PLANT_TYPE === '2') {
+        return '黄牌'
+      } else if (CAR_PLANT_TYPE === '3') {
+        return '绿牌'
+      } else if (CAR_PLANT_TYPE === '4') {
+        return '黑牌'
+      }
+    },
+
+    getCarType(CAR_TYPE) {
+      if (CAR_TYPE === '0') {
+        return '货车'
+      } else if (CAR_TYPE === '1') {
+        return '轿车'
+      } else if (CAR_TYPE === '2') {
+        return '大巴客车'
+      }
+    },
+    // 判断审核按钮权限
+    showFirstButton(FIRST_AUDIT_USER_ID, AUDIT_TYPE) {
+      return FIRST_AUDIT_USER_ID === JSON.parse(sessionStorage.getItem('user')).USER_ID && AUDIT_TYPE === '1'
+    },
+    // 搜索
+    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(
+        '/mkmj/management/getZgAccessList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.varList
+        this.total = data.page.totalResult
+        this.hasButton()
+        this.pd = data.pd
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getAuditInfo(row) {
+      this.$refs.flowStep.init(row)
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/zgUnit/temporary/car/index.vue b/src/views/zgUnit/temporary/car/index.vue
new file mode 100644
index 0000000..b307af1
--- /dev/null
+++ b/src/views/zgUnit/temporary/car/index.vue
@@ -0,0 +1,22 @@
+<template>
+  <component :is="activeName" />
+</template>
+
+<script>
+import List from './components/list'
+export default {
+  components: {
+    List: List
+  },
+  data() {
+    return {
+      activeName: 'List',
+      USER_ID: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/zgUnit/temporary/index.vue b/src/views/zgUnit/temporary/index.vue
new file mode 100644
index 0000000..98240ae
--- /dev/null
+++ b/src/views/zgUnit/temporary/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>
diff --git a/src/views/zgUnit/temporary/preson/components/flowStep.vue b/src/views/zgUnit/temporary/preson/components/flowStep.vue
new file mode 100644
index 0000000..b960e03
--- /dev/null
+++ b/src/views/zgUnit/temporary/preson/components/flowStep.vue
@@ -0,0 +1,106 @@
+<template>
+  <el-dialog
+    v-if="visible"
+    :visible.sync="visible"
+    :v-loading="loading"
+    :before-close="handleClose"
+    :append-to-body="true"
+    :title="title"
+    width="60%">
+    <el-steps :space="200" :active="step" direction="vertical" finish-status="success">
+      <el-step v-for="item in list" :key="item.INDEX" :value="item.INDEX" :title="item.INDEX">
+        <template slot="description">
+          <el-card class="box-card" style="width: 900px;">
+            <div slot="header" class="clearfix">
+              <span>审批信息</span>
+            </div>
+            <div>
+              <el-row>
+                <el-col>
+                  审批人：{{ item.FIRST_AUDIT_USER_NAME }}
+                </el-col>
+                <el-col>
+                  审批人公司：{{ item.FIRST_AUDIT_COMPANY_NAME }}
+                </el-col>
+                <el-col>
+                  审批人部门：{{ item.FIRST_AUDIT_DEPARTMENT_NAME }}
+                </el-col>
+                <el-col>
+                  审批状态：{{ getAuditType(item.AUDIT_TYPE) }}
+                </el-col>
+                <el-col v-if="item.AUDIT_TYPE === '2'">
+                  审批时间：{{ item.FIRST_AUDIT_TIME }}
+                </el-col>
+                <el-col v-if="item.AUDIT_TYPE === '0'">
+                  审批意见：{{ item.REASON }}
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </template>
+      </el-step>
+    </el-steps>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="closeWindow">取 消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import { requestFN } from '@/utils/request'
+
+export default {
+  props: {
+    corpInfo: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      list: [],
+      title: '审批详情',
+      form: {
+        TEMPORARY_ID: ''
+      },
+      step: 0
+    }
+  },
+  methods: {
+    init(e) {
+      this.form.TEMPORARY_ID = e.TEMPORARY_ID
+      this.getInfo()
+    },
+    getAuditType(AUDIT_TYPE) {
+      if (AUDIT_TYPE === '0') {
+        return '不通过'
+      } else if (AUDIT_TYPE === '1') {
+        return '审核中'
+      } else if (AUDIT_TYPE === '2') {
+        return '通过'
+      }
+    },
+    getInfo() {
+      requestFN(
+        '/mkmj/management/getAuditInfo', this.form
+      ).then((data) => {
+        this.list = data.auditIndo
+        this.visible = true
+        this.loading = false
+      }).catch((e) => {
+        console.log(e)
+      })
+    },
+    handleClose() {
+      this.visible = false
+      this.$emit('refresh', '')
+    },
+    closeWindow() {
+      this.handleClose()
+    }
+  }
+}
+</script>
diff --git a/src/views/zgUnit/temporary/preson/components/list.vue b/src/views/zgUnit/temporary/preson/components/list.vue
new file mode 100644
index 0000000..a9a7654
--- /dev/null
+++ b/src/views/zgUnit/temporary/preson/components/list.vue
@@ -0,0 +1,167 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-form ref="form" v-model="form">
+        <el-row>
+          <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="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-row>
+      </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="USER_NAME" label="访问人姓名"/>
+      <el-table-column prop="PHONE" label="手机号"/>
+      <el-table-column prop="ID_CARD" label="身份证号"/>
+      <el-table-column prop="CORPINFO_NAME" label="企业名称"/>
+      <el-table-column prop="DEPARTMENT_NAME" label="部门名称"/>
+      <el-table-column prop="VISIT_START_TIME" label="访问起始时间"/>
+      <el-table-column prop="VISIT_END_TIME" label="访问结束时间"/>
+      <el-table-column prop="DOOR_NAME" label="访问口门名称"/>
+      <el-table-column label="审核状态" align="center" width="120">
+        <template slot-scope="{row}">
+          {{ getType(row.AUDIT_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>
+    <flow-step ref="flowStep" append-to-body @refresh="getList"/>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import FlowStep from '../components/flowStep.vue'
+import waves from '@/directive/waves' // waves directive
+export default{
+  components: { FlowStep, Pagination },
+  directives: { waves },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      total: 0,
+      title: '',
+      isShow: false,
+      form: {
+        USER_NAME: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: '',
+        TEMPORARY_TYPE: '1',
+        CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID
+      },
+      TEMPORARY_ID: ''
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.TEMPORARY_ID
+    },
+    // 获取审核类型
+    getType(AUDIT_TYPE) {
+      if (AUDIT_TYPE === '0') {
+        return '不通过'
+      } else if (AUDIT_TYPE === '1') {
+        return '审核中'
+      } else if (AUDIT_TYPE === '2') {
+        return '通过'
+      }
+    },
+    // 判断审核按钮是否显示
+    showFirstButton(FIRST_AUDIT_USER_ID, AUDIT_TYPE) {
+      return FIRST_AUDIT_USER_ID === JSON.parse(sessionStorage.getItem('user')).USER_ID && AUDIT_TYPE === '1'
+    },
+    // showSecondButton(SECOND_AUDIT_USER_ID, AUDIT_TYPE) {
+    //   return SECOND_AUDIT_USER_ID === JSON.parse(sessionStorage.getItem('user')).USER_ID && AUDIT_TYPE === 2
+    // },
+    // 搜索
+    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(
+        '/mkmj/management/getZgAccessList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.varList
+        this.total = data.page.totalResult
+        this.hasButton()
+        this.pd = data.pd
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getAuditInfo(row) {
+      this.$refs.flowStep.init(row)
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/zgUnit/temporary/preson/index.vue b/src/views/zgUnit/temporary/preson/index.vue
new file mode 100644
index 0000000..6a88239
--- /dev/null
+++ b/src/views/zgUnit/temporary/preson/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <List v-show="activeName==='List'" ref="list" />
+  </div>
+</template>
+
+<script>
+import List from './components/list'
+export default {
+  components: {
+    List: List
+  },
+  data() {
+    return {
+      activeName: 'List',
+      USER_ID: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>