From 2a76389faad3ae618f26bc13588d0afac8a56e65 Mon Sep 17 00:00:00 2001
From: huangyuxuan <huangyuxuan@zcloudchina.com>
Date: Mon, 25 Nov 2024 17:35:35 +0800
Subject: [PATCH 1/7] =?UTF-8?q?[=E6=96=B0=E5=A2=9E=E6=B5=81=E7=A8=8B](hyx?=
 =?UTF-8?q?=5FtemporaryAccess):=20=20=20-=20=E6=96=B0=E5=A2=9E=E4=B8=B4?=
 =?UTF-8?q?=E6=97=B6=E8=AE=BF=E5=AE=A2=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

---
 .../temporaryAccess/car/components/list.vue   | 176 ++++++++++++++++++
 src/views/temporaryAccess/car/index.vue       |  22 +++
 .../person/components/list.vue                | 167 +++++++++++++++++
 .../person/components/sendUtil.vue            | 152 +++++++++++++++
 src/views/temporaryAccess/person/index.vue    |  27 +++
 5 files changed, 544 insertions(+)
 create mode 100644 src/views/temporaryAccess/car/components/list.vue
 create mode 100644 src/views/temporaryAccess/car/index.vue
 create mode 100644 src/views/temporaryAccess/person/components/list.vue
 create mode 100644 src/views/temporaryAccess/person/components/sendUtil.vue
 create mode 100644 src/views/temporaryAccess/person/index.vue

diff --git a/src/views/temporaryAccess/car/components/list.vue b/src/views/temporaryAccess/car/components/list.vue
new file mode 100644
index 0000000..5f58b53
--- /dev/null
+++ b/src/views/temporaryAccess/car/components/list.vue
@@ -0,0 +1,176 @@
+<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 v-if="showFirstButton(row.FIRST_AUDIT_USER_ID,row.AUDIT_TYPE)" type="success" icon="el-icon-view" size="mini" @click="approve(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>
+    <send-util ref="sendUtil" append-to-body @refresh="getList"/>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import SendUtil from '../../person/components/sendUtil.vue'
+export default{
+  components: { SendUtil, 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'
+      }
+    }
+  },
+  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(
+        '/temporary/access/getAccessList?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
+      })
+    },
+    approve(row) {
+      this.$refs.sendUtil.init(row)
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/temporaryAccess/car/index.vue b/src/views/temporaryAccess/car/index.vue
new file mode 100644
index 0000000..b307af1
--- /dev/null
+++ b/src/views/temporaryAccess/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/temporaryAccess/person/components/list.vue b/src/views/temporaryAccess/person/components/list.vue
new file mode 100644
index 0000000..b4f90d9
--- /dev/null
+++ b/src/views/temporaryAccess/person/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 v-if="showFirstButton(row.FIRST_AUDIT_USER_ID,row.AUDIT_TYPE)" type="success" icon="el-icon-view" size="mini" @click="approve(row)">审核</el-button>
+          <!--          <el-button v-if="showSecondButton(row.SECOND_AUDIT_USER_ID,row.AUDIT_TYPE)" type="success" icon="el-icon-view" size="mini" @click="approve(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>
+    <send-util ref="sendUtil" append-to-body @refresh="getList"/>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import SendUtil from '../components/sendUtil.vue'
+import waves from '@/directive/waves' // waves directive
+export default{
+  components: { SendUtil, 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'
+      },
+      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(
+        '/temporary/access/getAccessList?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
+      })
+    },
+    approve(row) {
+      this.$refs.sendUtil.init(row)
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/temporaryAccess/person/components/sendUtil.vue b/src/views/temporaryAccess/person/components/sendUtil.vue
new file mode 100644
index 0000000..8cabfe1
--- /dev/null
+++ b/src/views/temporaryAccess/person/components/sendUtil.vue
@@ -0,0 +1,152 @@
+<template>
+  <div>
+    <el-dialog
+      v-loading="loading"
+      :visible.sync="visible"
+      :append-to-body="appendToBody"
+      :before-close="beforeClose"
+      title="审批"
+      width="1200px"
+      destroy-on-close>
+      <el-form ref="form" :model="form" :rules="rules" label-width="200px" label-position="right" type="flex">
+        <el-row :gutter="12">
+          <el-col :span="12">
+            <el-form-item prop="STATUS" label="是否通过: ">
+              <el-select v-model="form.STATUS" filterable style="width: 300px" placeholder="请选择" @change="clearInfo">
+                <el-option label="是" value="1"/>
+                <el-option label="否" value="0"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col v-if="form.STATUS === '0'" :span="24">
+            <el-form-item v-if="form.STATUS === '0'" prop="OPINION" label="打回原因:">
+              <el-input v-model="form.OPINION" :rows="2" type="textarea" placeholder="填写审批意见"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="handleClose">关 闭</el-button>
+        <el-button type="primary" @click="sendMessage">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import vueQr from 'vue-qr'
+import Treeselect from '@riophae/vue-treeselect'
+import uploadFile from '../../../util/uploadFile/index.vue'
+import { requestFN } from '@/utils/request'
+export default {
+  components: { uploadFile, Treeselect, vueQr },
+  props: {
+    appendToBody: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      form: {
+        STATUS: null,
+        APPOINT_CORP_ID: '',
+        APPOINT_CORP_NAME: '',
+        APPOINT_DEPARTMENT_ID: null,
+        APPOINT_DEPARTMENT_NAME: '',
+        APPOINT_USER_ID: null,
+        APPOINT_USER_NAME: '',
+        OPINION: '',
+        APPOINT_ANNEX: [],
+        user: '',
+        tm: new Date().getTime(),
+        list: [],
+        isShow: true,
+        info: {},
+        BACK_NAME: '',
+        BACK_STEP: ''
+      },
+      rules: {
+        STATUS: [
+          { required: true, message: '请选择是否通过', trigger: 'change' }
+        ],
+        OPINION: [
+          { required: true, message: '请填写打回原因', trigger: 'change' }
+        ]
+      },
+      heirloom: {},
+
+      normalizer(node) {
+        return {
+          id: node.id,
+          label: node.name,
+          children: node.nodes
+        }
+      },
+
+      departmentTree: [],
+      peopleList: [],
+      corpFlag: false,
+      menu: {
+        department: '',
+        user: '',
+        uploadFile: '',
+        limitFlag: ''
+      },
+      step: 0,
+      list: [],
+      ACCESS_AUDIT_ID: ''
+    }
+  },
+  methods: {
+    async init(e) {
+      this.loading = true
+      this.visible = true
+      this.ACCESS_AUDIT_ID = e.ACCESS_AUDIT_ID
+      console.log(this.ACCESS_AUDIT_ID)
+      console.log(e.ACCESS_AUDIT_ID)
+      this.loading = false
+    },
+    handleClose() {
+      this.form = {
+        STATUS: '',
+        APPOINT_DEPARTMENT_ID: null,
+        APPOINT_DEPARTMENT_NAME: '',
+        APPOINT_USER_ID: '',
+        APPOINT_USER_NAME: '',
+        OPINION: '',
+        user: '',
+        list: [],
+        tm: new Date().getTime()
+      }
+      this.visible = false
+    },
+    goDetail() {
+      this.$parent.activeName = 'List'
+    },
+    sendMessage() {
+      requestFN(
+        '/temporary/access/audit',
+        {
+          FIRST_AUDIT_USER_ID: JSON.parse(sessionStorage.getItem('user')).USER_ID,
+          STATUS: this.form.STATUS,
+          ACCESS_AUDIT_ID: this.ACCESS_AUDIT_ID,
+          REASON: this.form.OPINION
+        }
+      ).then((data) => {
+        this.visible = false
+        this.$emit('refresh', '')
+      }).catch((e) => {
+        this.loading = false
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/views/temporaryAccess/person/index.vue b/src/views/temporaryAccess/person/index.vue
new file mode 100644
index 0000000..c768aed
--- /dev/null
+++ b/src/views/temporaryAccess/person/index.vue
@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <List v-show="activeName==='List'" ref="list" />
+    <SendUtil v-if="activeName==='SendUtil'" />
+  </div>
+</template>
+
+<script>
+import List from './components/list'
+import SendUtil from './components/sendUtil.vue'
+export default {
+  components: {
+    List: List,
+    SendUtil: SendUtil
+  },
+  data() {
+    return {
+      activeName: 'List',
+      USER_ID: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

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

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

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

From 9eec9df2e78da82529b1181be856531cda8ac5ba Mon Sep 17 00:00:00 2001
From: huangyuxuan <huangyuxuan@zcloudchina.com>
Date: Fri, 27 Dec 2024 10:28:50 +0800
Subject: [PATCH 3/7] =?UTF-8?q?[=E6=96=B0=E5=A2=9E=E5=8A=9F=E8=83=BD](hyx?=
 =?UTF-8?q?=5F=E9=97=A8=E5=8F=A3=E9=97=A8=E7=A6=81):=20=20=20-=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=20=E9=A9=BB=E6=B8=AF=E5=8D=95=E4=BD=8D=E4=BC=81?=
 =?UTF-8?q?=E4=B8=9A=E5=88=97=E8=A1=A8=20=20=20-=20=E6=96=B0=E5=A2=9E=20?=
 =?UTF-8?q?=E9=A9=BB=E6=B8=AF=E5=8D=95=E4=BD=8D=E8=BD=A6=E8=BE=86=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E5=88=97=E8=A1=A8=20=20=20-=20=E6=96=B0=E5=A2=9E=20?=
 =?UTF-8?q?=E9=A9=BB=E6=B8=AF=E5=8D=95=E4=BD=8D=E8=BD=A6=E8=BE=86=E8=BF=9B?=
 =?UTF-8?q?=E5=87=BA=E8=AE=B0=E5=BD=95=E5=88=97=E8=A1=A8=20=20=20-=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20=E7=9B=B8=E5=85=B3=E6=96=B9=E5=8D=95?=
 =?UTF-8?q?=E4=BD=8D=E4=BC=81=E4=B8=9A=E5=88=97=E8=A1=A8=20=20=20-=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20=E7=9B=B8=E5=85=B3=E6=96=B9=E5=8D=95?=
 =?UTF-8?q?=E4=BD=8D=E8=BD=A6=E8=BE=86=E4=BF=A1=E6=81=AF=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=20=20=20-=20=E6=96=B0=E5=A2=9E=20=E7=9B=B8=E5=85=B3=E6=96=B9?=
 =?UTF-8?q?=E5=8D=95=E4=BD=8D=E8=BD=A6=E8=BE=86=E8=BF=9B=E5=87=BA=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../vehiclemessage/components/index_view.vue  |   3 +-
 .../longtermvehicle/vehiclemessage/index.vue  |   2 -
 .../xgfCarMessage/components/List.vue         | 119 +++
 .../xgfCarMessage/components/car_view.vue     | 922 ++++++++++++++++++
 .../xgfCarMessage/components/record.vue       | 197 ++++
 .../longtermvehicle/xgfCarMessage/index.vue   |  36 +
 .../zgCarMessage/components/List.vue          | 120 +++
 .../zgCarMessage/components/car_view.vue      | 922 ++++++++++++++++++
 .../zgCarMessage/components/record.vue        | 205 ++++
 .../longtermvehicle/zgCarMessage/index.vue    |  36 +
 10 files changed, 2559 insertions(+), 3 deletions(-)
 create mode 100644 src/views/longtermvehicle/xgfCarMessage/components/List.vue
 create mode 100644 src/views/longtermvehicle/xgfCarMessage/components/car_view.vue
 create mode 100644 src/views/longtermvehicle/xgfCarMessage/components/record.vue
 create mode 100644 src/views/longtermvehicle/xgfCarMessage/index.vue
 create mode 100644 src/views/longtermvehicle/zgCarMessage/components/List.vue
 create mode 100644 src/views/longtermvehicle/zgCarMessage/components/car_view.vue
 create mode 100644 src/views/longtermvehicle/zgCarMessage/components/record.vue
 create mode 100644 src/views/longtermvehicle/zgCarMessage/index.vue

diff --git a/src/views/longtermvehicle/vehiclemessage/components/index_view.vue b/src/views/longtermvehicle/vehiclemessage/components/index_view.vue
index 3d92dd8..f086c01 100644
--- a/src/views/longtermvehicle/vehiclemessage/components/index_view.vue
+++ b/src/views/longtermvehicle/vehiclemessage/components/index_view.vue
@@ -500,7 +500,8 @@ export default {
         'vehiclemessage/getPageList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
         {
           ...this.searchForm,
-          'CORPINFO_ID': this.CORPINFO_ID
+          'CORPINFO_ID': this.CORPINFO_ID,
+          CAR_FROM: 1
         }
       ).then((data) => {
         this.listLoading = false
diff --git a/src/views/longtermvehicle/vehiclemessage/index.vue b/src/views/longtermvehicle/vehiclemessage/index.vue
index a024fc3..ee58083 100644
--- a/src/views/longtermvehicle/vehiclemessage/index.vue
+++ b/src/views/longtermvehicle/vehiclemessage/index.vue
@@ -2,7 +2,6 @@
   <div>
     <IndexList v-show="activeName=='IndexList'" ref="list" />
     <IndexView v-if="activeName=='IndexView'" />
-    <!--    <List v-show="activeName==='List'" />-->
     <Record v-if="activeName==='Record'" />
   </div>
 </template>
@@ -10,7 +9,6 @@
 <script>
 import IndexList from './components/indexList'
 import IndexView from './components/index_view'
-// import List from './components/list'
 import Record from './components/record'
 export default {
   components: {
diff --git a/src/views/longtermvehicle/xgfCarMessage/components/List.vue b/src/views/longtermvehicle/xgfCarMessage/components/List.vue
new file mode 100644
index 0000000..be21509
--- /dev/null
+++ b/src/views/longtermvehicle/xgfCarMessage/components/List.vue
@@ -0,0 +1,119 @@
+<template>
+  <div class="app-container">
+    <el-form label-width="90px">
+      <el-row>
+        <el-col :span="4">
+          <el-form-item label="分公司名称">
+            <el-input v-model="searchForm.CORP_NAME" placeholder="分公司名称"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label-width="10px">
+            <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="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <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 type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="CORP_NAME" label="分公司名称" />
+      <el-table-column prop="SOCIAL_CODE" label="统一社会信用代码" />
+      <el-table-column prop="COMPANY_AREA" label="所属地区" />
+      <el-table-column prop="STATE" label="企业状态" />
+      <el-table-column prop="USER_COUNT" label="企业人数" />
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button type="success" icon="el-icon-view" size="mini" @click="handleEdit(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 SelectTree from '@/components/SelectTree'
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default {
+  components: {Pagination, SelectTree },
+  directives: { waves },
+  data() {
+    return {
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      searchForm: {
+        CORP_NAME: ''
+      },
+      total: 0,
+      varList: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.CORPINFO_ID
+    },
+    // 搜索
+    getQuery() {
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/getXgfCorpList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchForm
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.corpList
+        this.total = data.page.totalResult
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    // 查看
+    handleEdit(row) {
+      console.log('--------------------------')
+      this.$parent.activeName = 'CarView'
+      this.$parent.CORPINFO_ID = row.CORPINFO_ID
+    },
+    goKeyReset() {
+      this.searchForm = {
+        CORP_NAME: ''
+      }
+      this.getList()
+    }
+  }
+}
+</script>
diff --git a/src/views/longtermvehicle/xgfCarMessage/components/car_view.vue b/src/views/longtermvehicle/xgfCarMessage/components/car_view.vue
new file mode 100644
index 0000000..6b5ddc9
--- /dev/null
+++ b/src/views/longtermvehicle/xgfCarMessage/components/car_view.vue
@@ -0,0 +1,922 @@
+<template>
+  <div class="icons-container">
+    <el-container>
+      <el-aside width="200px" style="background-color:#fff">
+        <div class="filter-btn-group">
+          <el-tree
+            v-loading="treeLoading"
+            ref="tree"
+            :data="treeData"
+            :props="defaultProps"
+            :filter-node-method="filterNode"
+            class="filter-tree"
+            @node-click="handleNodeClick"/>
+        </div>
+      </el-aside>
+      <el-main>
+        <el-form label-width="60px">
+          <el-row>
+            <el-col :span="2">
+              <el-form-item label-width="0px">
+                <el-button v-show="DEPARTMENT_ID != '0'" icon="el-icon-arrow-left" @click="goReturn()">返回</el-button>
+              </el-form-item>
+            </el-col>
+            <el-col :span="3">
+              <el-form-item label="车牌号">
+                <el-input v-model="searchForm.LICENCE_NO" placeholder="请输入车牌号..." />
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="m-l-10">
+              <el-form-item label="车辆类型" prop="VEHICLE_TYPE" label-width="100px">
+                <SelectTree
+                  ref="selectTree_Search1"
+                  :clearable="false"
+                  :options="vehicleTypeList"
+                  :props="vehicleDefaultProps"
+                  v-model="searchForm.VEHICLE_TYPE"
+                  placeholder="请选择车辆类型"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="m-l-10">
+              <el-form-item label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID" label-width="100px">
+                <SelectTree
+                  ref="selectTree_Search2"
+                  :clearable="false"
+                  :options="treeData"
+                  :props="defaultProps"
+                  v-model="searchForm.VEHICLE_DEPARTMENT_ID"
+                  placeholder="请选择车辆所属部门"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="m-l-10">
+              <el-form-item label="车辆责任人" label-width="100px">
+                <el-input v-model="searchForm.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="CORPINFO_NAME" label="分公司名称" 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>
+              <el-button type="primary" icon="el-icon-edit" size="mini" @click="openEditDialogEditBtn(row.VEHICLE_ID)">修改</el-button>
+              <el-button type="danger" icon="el-icon-delete" size="mini" @click="deleteSingleDataDeleteBtn(row.VEHICLE_ID, row.USER_ID, row.EMPLOYEE_VEHICLE_USER_ID)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="page-btn-group">
+          <div>
+            <el-button type="primary" icon="el-icon-plus" @click="openAddDialogAddBtn">新增</el-button>
+          </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 :rules="[{required: true}]" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+              <SelectTree
+                ref="selectTree_add1"
+                :clearable="false"
+                :options="treeData"
+                :props="defaultProps"
+                v-model="addForm.VEHICLE_DEPARTMENT_ID"
+                placeholder="请选择车辆所属部门"
+                style="width: 300px"
+                @change="addUserList"/>
+            </el-form-item>
+            <!-- 车辆责任人下拉框 -->
+            <el-form-item :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>
+          <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 :value="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 :value="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 :value="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 label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+              <SelectTree
+                ref="selectTree_edit"
+                :clearable="true"
+                :options="treeData"
+                :props="defaultProps"
+                v-model="editForm.VEHICLE_DEPARTMENT_ID"
+                placeholder="请选择车辆所属部门"
+                style="width: 300px"
+                @change="updateUserList"/>
+            </el-form-item>
+            <!-- 车辆责任人下拉框 -->
+            <el-form-item 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>
+          <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>
+      </el-main>
+    </el-container>
+
+    <div class="heightt"/>
+  </div>
+</template>
+
+<script>
+import SelectTree from '@/components/SelectTree'
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default {
+  components: { Pagination, SelectTree },
+  directives: { waves },
+  data() {
+    return {
+      config: config,
+      treeLoading: false,
+      listLoading: true,
+      add: true,
+      del: true,
+      edit: true,
+      readonly: true,
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      total: 0,
+      defaultProps: {
+        value: 'id',
+        children: 'nodes',
+        label: 'name'
+      },
+      treeData: [],
+      // 从此处开始写自己的属性
+      loginUserCorpInfoId: '', // 从接口获取用户所属企业
+      CORPINFO_ID: '', // 企业id
+      DEPARTMENT_ID: '', // 部门ID
+      KEYWORDS: '',
+      loginUserId: '', // 登录人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: '大巴客车' }
+      ],
+      // 车辆所属类型列表
+      vehicleBelongTypeList: [
+        // { ID: '', NAME: '请选择' },
+        { ID: '0', NAME: '员工车辆' },
+        { ID: '1', NAME: '单位车辆' }
+        // { ID: '2', NAME: '外部车辆' }
+      ],
+      // 车辆下拉树默认属性
+      vehicleDefaultProps: {
+        value: 'ID',
+        label: 'NAME',
+        children: 'nodes'
+      },
+      departmentTreeData: [],
+      // inspectionTypeList: [], //字典列表
+      // 列表展示的数据
+      varList: [],
+      // 查询表单的数据
+      searchForm: {
+        DEPARTMENT_ID: '',
+        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_BELONG_TYPE: '', // 车辆所属类型
+        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
+        USER_ID: '', // 车辆责任人id
+        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人
+        LICENCE_TYPE: null, // 车牌类型
+        VEHICLE_TYPE: null // 车辆类型
+      },
+      addDialogVisible: false, // 添加弹窗的展示与不展示
+      editDialogVisible: false, // 编辑弹窗的展示与不展示
+      detailDialogVisible: false, // 详情弹窗的展示与不展示
+      userList: [], // 部门用户列表
+      selectTree_edit: []
+    }
+  },
+  created() {
+    // 调用自己的方法
+    this.getLoginUserInfo() // 获取当前登陆用户的信息
+    this.CORPINFO_ID = this.$parent.CORPINFO_ID
+    this.updateBranchName(this.CORPINFO_ID)
+    this.getPageList() // 获取分页列表要展示的数据
+
+  },
+  methods: {
+    // 之前旧的
+    filterNode(value, data) {
+      if (!value) return true
+      return data.name.indexOf(value) !== -1
+    },
+    handleNodeClick(node, data, value) {
+      this.searchForm.VEHICLE_DEPARTMENT_ID = node.id
+      this.getPageList(node.id)
+    },
+    updateBranchName(ID) {
+      requestFN(
+        '/department/listTreeCorpInfo',
+        // '/department/listTree',
+        {
+          CORPINFO_ID: ID
+        }
+      ).then((data) => {
+        this.treeData = JSON.parse(data.zTreeNodes)
+      }).catch((e) => {
+      })
+    },
+    goReturn() {
+      this.$parent.activeName = 'List'
+    },
+    // 从此处开始写自己的事件
+    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
+      }
+    },
+    translateVehicleBelongType(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.loginUserCorpInfoId = data.pd.CORPINFO_ID
+          // this.loginUserDepartmentName = data.pd.DEPARTMENT_NAME
+          resolve('ok')
+        }).catch((e) => {
+
+        })
+      })
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.vehicleMessageTable.clearSelection() // 先置空表格再查询
+      this.getPageList()
+    },
+    goKeyReset() {
+      this.resetSearch()
+      this.getQuery()
+    },
+    // 获取列表
+    getPageList() {
+      console.log('22222222222222222222222222222')
+      this.listLoading = true
+      requestFN(
+        'vehiclemessage/getPageList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchForm,
+          'CORPINFO_ID': this.CORPINFO_ID,
+          CAR_FROM: 2
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.varList
+        this.total = data.page.totalResult
+        // 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.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
+      }
+      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.CORPINFO_ID
+        }
+      ).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.detailForm = {
+        LICENCE_NO: '', // 车牌号
+        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
+        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
+        USER_ID: '', // 车辆责任人
+        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.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.translateVehicleBelongType(data.pd.VEHICLE_BELONG_TYPE)
+          this.detailForm.USER_ID = data.pd.USER_NAME // 车辆责任人
+        } else {
+          this.$message({
+            message: '数据回显失败',
+            type: 'error'
+          })
+        }
+      }).catch((e) => {
+      })
+    },
+    // 修改弹窗的确定按钮
+    editDialogConfirmBtn() {
+      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
+            }
+          ).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
+          }
+        ).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(() => {
+      })
+    },
+
+    resetSearch() {
+      this.searchForm = {
+        LICENCE_NO: '' // 车牌号（输入框）
+      }
+      this.$refs.selectTree_Search1.clearHandle() // 清空
+      this.$refs.selectTree_Search2.clearHandle()
+    },
+    addUserList(DEPARTMENT_ID) {
+      // this.getUserList(DEPARTMENT_ID)
+      this.customGetUserList(DEPARTMENT_ID)
+      this.handleDepartmentAddChange(DEPARTMENT_ID)
+    },
+    updateUserList(DEPARTMENT_ID) {
+      this.getUserList(DEPARTMENT_ID)
+      this.handleDepartmentUpdateChange(DEPARTMENT_ID)
+    },
+    getUserList(DEPARTMENT_ID) { // 根据部门获取部门内的人员
+      this.userList = []
+      console.info(DEPARTMENT_ID)
+      requestFN(
+        '/user/listAll',
+        {
+          DEPARTMENT_ID: DEPARTMENT_ID,
+          tm: new Date().getTime()
+        }
+      ).then((data) => {
+        console.info(data)
+        this.userList = data.userList
+      }).catch((e) => {
+        // this.listLoading = false
+      })
+    },
+    customGetUserList(DEPARTMENT_ID) { // 根据部门获取部门内的人员
+      this.userList = []
+      requestFN(
+        'vehiclemessage/selectTreeByDepartmentId',
+        {
+          DEPARTMENT_ID: DEPARTMENT_ID,
+          tm: new Date().getTime()
+        }
+      ).then((data) => {
+        this.userList = data.list
+      }).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.treeData, value)
+    },
+    handleDepartmentUpdateChange(value) {
+      this.editForm.VEHICLE_DEPARTMENT_NAME = this.findLabelByValue(this.treeData, 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 = ''
+      }
+    },
+    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>
+<style>
+.m-l-10 {
+  margin-left: 10px;
+}
+.q-f-w-v-200{
+  width: 200px;
+}
+</style>
diff --git a/src/views/longtermvehicle/xgfCarMessage/components/record.vue b/src/views/longtermvehicle/xgfCarMessage/components/record.vue
new file mode 100644
index 0000000..272fb59
--- /dev/null
+++ b/src/views/longtermvehicle/xgfCarMessage/components/record.vue
@@ -0,0 +1,197 @@
+<template>
+  <div class="app-container">
+    <el-form label-width="100px">
+      <el-row>
+        <el-col :span="2">
+          <el-form-item label-width="0px">
+            <el-button icon="el-icon-arrow-left" @click="goReturn()">返回</el-button>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label="口门名称：" label-width="110px">
+            <el-input v-model="searchForm.KEYWORDS" style="width:206px" placeholder="请输入内容"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="口门状态" label-width="110px">
+            <el-select v-model="searchForm.GATE_STATUS" placeholder="请选择">
+              <el-option v-for="(item,index) in StatusList" :key="index" :label="item.label" :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="所属区域" label-width="110px">
+            <el-select v-model="searchForm.REGION_BIANMA" placeholder="请选择">
+              <el-option v-for="(item,index) in RegionList" :key="index" :label="item.NAME" :value="item.BIANMA"/>
+            </el-select>
+          </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="queryTable"
+      :data="varList"
+      :cell-style="getPlateColor"
+      :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="REGION_NAME" label="区域" width="100px" align="center"/>
+      <el-table-column prop="AREA_NAME" label="口门名称" width="100px" align="center"/>
+      <el-table-column prop="AREA_LEVEL_NAME" label="口门级别" width="100px" align="center"/>
+      <el-table-column prop="vehicle_plate_number" label="车牌号" width="100px" align="center"/>
+      <el-table-column prop="VEHICLE_TYPE_NAME" label="车辆类型" width="150px" align="center"/>
+      <el-table-column prop="VEHICLE_BELONG_TYPE_NAME" label="车辆所属类型" width="100px" align="center"/>
+      <el-table-column prop="vehicle_arrival_status" label="车辆在港状态" width="100px" align="center"/>
+      <el-table-column prop="VEHICLE_DEPARTMENT_NAME" label="车辆所属部门" align="center"/>
+      <el-table-column prop="USER_NAME" label="车辆责任人" width="150ox" align="center"/>
+      <el-table-column prop="vehicle_arrival_barrier" label="入港闸口" align="center"/>
+      <el-table-column prop="vehicle_arrival_time" label="入港时间" align="center"/>
+      <el-table-column prop="vehicle_departure_barrier" label="离港闸口" align="center"/>
+      <el-table-column prop="vehicle_departure_time" label="离港时间" align="center"/>
+    </el-table>
+    <div class="page-btn-group">
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getPageList" />
+    </div>
+  </div>
+</template>
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import safetyFlowChart from '../../../hiddenUtil/safetyFlowChart'
+export default {
+  components: { Pagination, safetyFlowChart },
+  directives: { waves },
+  data() {
+    return {
+      listLoading: true,
+      add: false,
+      del: false,
+      edit: false,
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      total: 0,
+      KEYWORDS: '',
+      // 列表展示的数据
+      varList: [],
+      // 查询表单的数据
+      searchForm: {
+        LICENCE_NO: '', // 车牌号
+        KEYWORDS: '',
+        GATE_STATUS: '',
+        REGION_BIANMA: ''
+      },
+      RegionList: [],
+      StatusList: [
+        { value: '0', label: '停用' },
+        { value: '1', label: '正常' },
+        { value: '2', label: '暂时关闭' }
+      ]
+    }
+  },
+  created() {
+    this.getDict()
+    this.searchForm.LICENCE_NO = this.$parent.LICENCE_NO
+    this.getPageList() // 获取分页列表要展示的数据
+  },
+  methods: {
+    getRowKey(row) {
+      return row.id_sequence
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.queryTable.clearSelection() // 先置空表格再查询
+      this.getPageList()
+    },
+    resetSearch() {
+      this.searchForm.KEYWORDS = ''
+      this.searchForm.GATE_STATUS = ''
+      this.searchForm.REGION_BIANMA = ''
+    },
+    goKeyReset() {
+      this.resetSearch()
+      this.getQuery()
+    },
+    // 获取列表
+    getPageList() {
+      this.listLoading = true
+      requestFN(
+        '/vehiclemessage/getInOutPageList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchForm
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.varList
+        this.total = data.page.totalResult
+        // this.hasButton()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    // 车辆进出记录按钮的点击事件
+    returnBtn() {
+      this.$parent.activeName = 'List'
+    },
+    getPlateColor(row, column, rowIndex, columnIndex) {
+      if (row.column.label === '车牌号') {
+        const colorMap = {
+          蓝牌: 'background-color: blue;color: white',
+          黄牌: 'background-color: yellow;color: black',
+          新能源: 'background-color: green;color: white',
+          白牌: 'background-color: gray;color: black',
+          黑牌: 'background-color: black;color: white',
+          其他: 'background-color: white;color: black',
+          default: 'background-color: white;color: black'
+        }
+        // const plateColor = row.row.vehicle_plate_color || 'default'
+        const plateColor = row.row.LICENCE_TYPE_NAME || 'default'
+        const backgroundColorAndColor = colorMap[plateColor] || colorMap.default
+        return backgroundColorAndColor
+      }
+    },
+    goReturn() {
+      this.$parent.activeName = 'CarView'
+    },
+    getDict() {
+      requestFN(
+        'dictionaries/getLevels',
+        {
+          DICTIONARIES_ID: '1c73fa2717f2835165104aee234caefe'
+        }
+      ).then((data) => {
+        this.RegionList = data.list
+      })
+        .catch((e) => {
+          this.listLoading = false
+        })
+    },
+  }
+}
+</script>
diff --git a/src/views/longtermvehicle/xgfCarMessage/index.vue b/src/views/longtermvehicle/xgfCarMessage/index.vue
new file mode 100644
index 0000000..90efec4
--- /dev/null
+++ b/src/views/longtermvehicle/xgfCarMessage/index.vue
@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <IndexList v-show="activeName==='List'" ref="list" />
+    <CarView v-if="activeName==='CarView'" />
+    <Record v-if="activeName==='Record'" />
+  </div>
+</template>
+
+<script>
+import IndexList from './components/List'
+import CarView from "./components/car_view";
+import Record from "./components/record";
+export default {
+  components: {
+    CarView: CarView,
+    IndexList: IndexList,
+    Record: Record
+  },
+  data() {
+    return {
+      activeName: 'List'
+    }
+  },
+  watch: {
+    activeName(newValue, oldValue) {
+      if (newValue == 'List') {
+        this.$refs.list.getQuery()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/longtermvehicle/zgCarMessage/components/List.vue b/src/views/longtermvehicle/zgCarMessage/components/List.vue
new file mode 100644
index 0000000..e5d8f7b
--- /dev/null
+++ b/src/views/longtermvehicle/zgCarMessage/components/List.vue
@@ -0,0 +1,120 @@
+<template>
+  <div class="app-container">
+    <el-form label-width="90px">
+      <el-row>
+        <el-col :span="4">
+          <el-form-item label="分公司名称">
+            <el-input v-model="searchForm.CORP_NAME" placeholder="分公司名称"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label-width="10px">
+            <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="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <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 type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="CORP_NAME" label="分公司名称" />
+      <el-table-column prop="SOCIAL_CODE" label="统一社会信用代码" />
+      <el-table-column prop="COMPANY_AREA" label="所属地区" />
+      <el-table-column prop="STATE" label="企业状态" />
+      <el-table-column prop="USER_COUNT" label="企业人数" />
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button type="success" icon="el-icon-view" size="mini" @click="handleEdit(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 SelectTree from '@/components/SelectTree'
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default {
+  components: {Pagination, SelectTree },
+  directives: { waves },
+  data() {
+    return {
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      searchForm: {
+        CORP_NAME: ''
+      },
+      total: 0,
+      varList: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.CORPINFO_ID
+    },
+    // 搜索
+    getQuery() {
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/getXgfCorpList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchForm,
+          TYPE: 1
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.corpList
+        this.total = data.page.totalResult
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    // 查看
+    handleEdit(row) {
+      console.log('--------------------------')
+      this.$parent.activeName = 'CarView'
+      this.$parent.CORPINFO_ID = row.CORPINFO_ID
+    },
+    goKeyReset() {
+      this.searchForm = {
+        CORP_NAME: ''
+      }
+      this.getList()
+    }
+  }
+}
+</script>
diff --git a/src/views/longtermvehicle/zgCarMessage/components/car_view.vue b/src/views/longtermvehicle/zgCarMessage/components/car_view.vue
new file mode 100644
index 0000000..6b5ddc9
--- /dev/null
+++ b/src/views/longtermvehicle/zgCarMessage/components/car_view.vue
@@ -0,0 +1,922 @@
+<template>
+  <div class="icons-container">
+    <el-container>
+      <el-aside width="200px" style="background-color:#fff">
+        <div class="filter-btn-group">
+          <el-tree
+            v-loading="treeLoading"
+            ref="tree"
+            :data="treeData"
+            :props="defaultProps"
+            :filter-node-method="filterNode"
+            class="filter-tree"
+            @node-click="handleNodeClick"/>
+        </div>
+      </el-aside>
+      <el-main>
+        <el-form label-width="60px">
+          <el-row>
+            <el-col :span="2">
+              <el-form-item label-width="0px">
+                <el-button v-show="DEPARTMENT_ID != '0'" icon="el-icon-arrow-left" @click="goReturn()">返回</el-button>
+              </el-form-item>
+            </el-col>
+            <el-col :span="3">
+              <el-form-item label="车牌号">
+                <el-input v-model="searchForm.LICENCE_NO" placeholder="请输入车牌号..." />
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="m-l-10">
+              <el-form-item label="车辆类型" prop="VEHICLE_TYPE" label-width="100px">
+                <SelectTree
+                  ref="selectTree_Search1"
+                  :clearable="false"
+                  :options="vehicleTypeList"
+                  :props="vehicleDefaultProps"
+                  v-model="searchForm.VEHICLE_TYPE"
+                  placeholder="请选择车辆类型"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="m-l-10">
+              <el-form-item label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID" label-width="100px">
+                <SelectTree
+                  ref="selectTree_Search2"
+                  :clearable="false"
+                  :options="treeData"
+                  :props="defaultProps"
+                  v-model="searchForm.VEHICLE_DEPARTMENT_ID"
+                  placeholder="请选择车辆所属部门"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="m-l-10">
+              <el-form-item label="车辆责任人" label-width="100px">
+                <el-input v-model="searchForm.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="CORPINFO_NAME" label="分公司名称" 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>
+              <el-button type="primary" icon="el-icon-edit" size="mini" @click="openEditDialogEditBtn(row.VEHICLE_ID)">修改</el-button>
+              <el-button type="danger" icon="el-icon-delete" size="mini" @click="deleteSingleDataDeleteBtn(row.VEHICLE_ID, row.USER_ID, row.EMPLOYEE_VEHICLE_USER_ID)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="page-btn-group">
+          <div>
+            <el-button type="primary" icon="el-icon-plus" @click="openAddDialogAddBtn">新增</el-button>
+          </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 :rules="[{required: true}]" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+              <SelectTree
+                ref="selectTree_add1"
+                :clearable="false"
+                :options="treeData"
+                :props="defaultProps"
+                v-model="addForm.VEHICLE_DEPARTMENT_ID"
+                placeholder="请选择车辆所属部门"
+                style="width: 300px"
+                @change="addUserList"/>
+            </el-form-item>
+            <!-- 车辆责任人下拉框 -->
+            <el-form-item :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>
+          <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 :value="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 :value="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 :value="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 label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+              <SelectTree
+                ref="selectTree_edit"
+                :clearable="true"
+                :options="treeData"
+                :props="defaultProps"
+                v-model="editForm.VEHICLE_DEPARTMENT_ID"
+                placeholder="请选择车辆所属部门"
+                style="width: 300px"
+                @change="updateUserList"/>
+            </el-form-item>
+            <!-- 车辆责任人下拉框 -->
+            <el-form-item 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>
+          <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>
+      </el-main>
+    </el-container>
+
+    <div class="heightt"/>
+  </div>
+</template>
+
+<script>
+import SelectTree from '@/components/SelectTree'
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default {
+  components: { Pagination, SelectTree },
+  directives: { waves },
+  data() {
+    return {
+      config: config,
+      treeLoading: false,
+      listLoading: true,
+      add: true,
+      del: true,
+      edit: true,
+      readonly: true,
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      total: 0,
+      defaultProps: {
+        value: 'id',
+        children: 'nodes',
+        label: 'name'
+      },
+      treeData: [],
+      // 从此处开始写自己的属性
+      loginUserCorpInfoId: '', // 从接口获取用户所属企业
+      CORPINFO_ID: '', // 企业id
+      DEPARTMENT_ID: '', // 部门ID
+      KEYWORDS: '',
+      loginUserId: '', // 登录人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: '大巴客车' }
+      ],
+      // 车辆所属类型列表
+      vehicleBelongTypeList: [
+        // { ID: '', NAME: '请选择' },
+        { ID: '0', NAME: '员工车辆' },
+        { ID: '1', NAME: '单位车辆' }
+        // { ID: '2', NAME: '外部车辆' }
+      ],
+      // 车辆下拉树默认属性
+      vehicleDefaultProps: {
+        value: 'ID',
+        label: 'NAME',
+        children: 'nodes'
+      },
+      departmentTreeData: [],
+      // inspectionTypeList: [], //字典列表
+      // 列表展示的数据
+      varList: [],
+      // 查询表单的数据
+      searchForm: {
+        DEPARTMENT_ID: '',
+        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_BELONG_TYPE: '', // 车辆所属类型
+        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
+        USER_ID: '', // 车辆责任人id
+        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人
+        LICENCE_TYPE: null, // 车牌类型
+        VEHICLE_TYPE: null // 车辆类型
+      },
+      addDialogVisible: false, // 添加弹窗的展示与不展示
+      editDialogVisible: false, // 编辑弹窗的展示与不展示
+      detailDialogVisible: false, // 详情弹窗的展示与不展示
+      userList: [], // 部门用户列表
+      selectTree_edit: []
+    }
+  },
+  created() {
+    // 调用自己的方法
+    this.getLoginUserInfo() // 获取当前登陆用户的信息
+    this.CORPINFO_ID = this.$parent.CORPINFO_ID
+    this.updateBranchName(this.CORPINFO_ID)
+    this.getPageList() // 获取分页列表要展示的数据
+
+  },
+  methods: {
+    // 之前旧的
+    filterNode(value, data) {
+      if (!value) return true
+      return data.name.indexOf(value) !== -1
+    },
+    handleNodeClick(node, data, value) {
+      this.searchForm.VEHICLE_DEPARTMENT_ID = node.id
+      this.getPageList(node.id)
+    },
+    updateBranchName(ID) {
+      requestFN(
+        '/department/listTreeCorpInfo',
+        // '/department/listTree',
+        {
+          CORPINFO_ID: ID
+        }
+      ).then((data) => {
+        this.treeData = JSON.parse(data.zTreeNodes)
+      }).catch((e) => {
+      })
+    },
+    goReturn() {
+      this.$parent.activeName = 'List'
+    },
+    // 从此处开始写自己的事件
+    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
+      }
+    },
+    translateVehicleBelongType(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.loginUserCorpInfoId = data.pd.CORPINFO_ID
+          // this.loginUserDepartmentName = data.pd.DEPARTMENT_NAME
+          resolve('ok')
+        }).catch((e) => {
+
+        })
+      })
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.vehicleMessageTable.clearSelection() // 先置空表格再查询
+      this.getPageList()
+    },
+    goKeyReset() {
+      this.resetSearch()
+      this.getQuery()
+    },
+    // 获取列表
+    getPageList() {
+      console.log('22222222222222222222222222222')
+      this.listLoading = true
+      requestFN(
+        'vehiclemessage/getPageList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchForm,
+          'CORPINFO_ID': this.CORPINFO_ID,
+          CAR_FROM: 2
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.varList
+        this.total = data.page.totalResult
+        // 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.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
+      }
+      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.CORPINFO_ID
+        }
+      ).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.detailForm = {
+        LICENCE_NO: '', // 车牌号
+        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
+        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
+        USER_ID: '', // 车辆责任人
+        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.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.translateVehicleBelongType(data.pd.VEHICLE_BELONG_TYPE)
+          this.detailForm.USER_ID = data.pd.USER_NAME // 车辆责任人
+        } else {
+          this.$message({
+            message: '数据回显失败',
+            type: 'error'
+          })
+        }
+      }).catch((e) => {
+      })
+    },
+    // 修改弹窗的确定按钮
+    editDialogConfirmBtn() {
+      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
+            }
+          ).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
+          }
+        ).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(() => {
+      })
+    },
+
+    resetSearch() {
+      this.searchForm = {
+        LICENCE_NO: '' // 车牌号（输入框）
+      }
+      this.$refs.selectTree_Search1.clearHandle() // 清空
+      this.$refs.selectTree_Search2.clearHandle()
+    },
+    addUserList(DEPARTMENT_ID) {
+      // this.getUserList(DEPARTMENT_ID)
+      this.customGetUserList(DEPARTMENT_ID)
+      this.handleDepartmentAddChange(DEPARTMENT_ID)
+    },
+    updateUserList(DEPARTMENT_ID) {
+      this.getUserList(DEPARTMENT_ID)
+      this.handleDepartmentUpdateChange(DEPARTMENT_ID)
+    },
+    getUserList(DEPARTMENT_ID) { // 根据部门获取部门内的人员
+      this.userList = []
+      console.info(DEPARTMENT_ID)
+      requestFN(
+        '/user/listAll',
+        {
+          DEPARTMENT_ID: DEPARTMENT_ID,
+          tm: new Date().getTime()
+        }
+      ).then((data) => {
+        console.info(data)
+        this.userList = data.userList
+      }).catch((e) => {
+        // this.listLoading = false
+      })
+    },
+    customGetUserList(DEPARTMENT_ID) { // 根据部门获取部门内的人员
+      this.userList = []
+      requestFN(
+        'vehiclemessage/selectTreeByDepartmentId',
+        {
+          DEPARTMENT_ID: DEPARTMENT_ID,
+          tm: new Date().getTime()
+        }
+      ).then((data) => {
+        this.userList = data.list
+      }).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.treeData, value)
+    },
+    handleDepartmentUpdateChange(value) {
+      this.editForm.VEHICLE_DEPARTMENT_NAME = this.findLabelByValue(this.treeData, 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 = ''
+      }
+    },
+    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>
+<style>
+.m-l-10 {
+  margin-left: 10px;
+}
+.q-f-w-v-200{
+  width: 200px;
+}
+</style>
diff --git a/src/views/longtermvehicle/zgCarMessage/components/record.vue b/src/views/longtermvehicle/zgCarMessage/components/record.vue
new file mode 100644
index 0000000..cc38e3e
--- /dev/null
+++ b/src/views/longtermvehicle/zgCarMessage/components/record.vue
@@ -0,0 +1,205 @@
+<template>
+  <div class="app-container">
+    <el-form label-width="100px">
+      <el-row>
+        <el-col :span="2">
+          <el-form-item label-width="0px">
+            <el-button icon="el-icon-arrow-left" @click="goReturn()">返回</el-button>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label="口门名称：" label-width="110px">
+            <el-input v-model="searchForm.KEYWORDS" style="width:206px" placeholder="请输入内容"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="口门状态" label-width="110px">
+            <el-select v-model="searchForm.GATE_STATUS" placeholder="请选择">
+              <el-option v-for="(item,index) in StatusList" :key="index" :label="item.label" :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="所属区域" label-width="110px">
+            <el-select v-model="searchForm.REGION_BIANMA" placeholder="请选择">
+              <el-option v-for="(item,index) in RegionList" :key="index" :label="item.NAME" :value="item.BIANMA"/>
+            </el-select>
+          </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="queryTable"
+      :data="varList"
+      :cell-style="getPlateColor"
+      :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="REGION_NAME" label="区域" width="100px" align="center"/>
+      <el-table-column prop="AREA_NAME" label="口门名称" width="100px" align="center"/>
+      <el-table-column prop="AREA_LEVEL_NAME" label="口门级别" width="100px" align="center"/>
+      <el-table-column prop="vehicle_plate_number" label="车牌号" width="100px" align="center"/>
+      <!--      <el-table-column prop="vehicle_category_name" label="车辆类型" width="150px" align="center"/>-->
+      <el-table-column prop="VEHICLE_TYPE_NAME" label="车辆类型" width="150px" align="center"/>
+      <!--      <el-table-column prop="vehicle_filing_method" label="车辆所属类型" width="100px" align="center"/>-->
+      <el-table-column prop="VEHICLE_BELONG_TYPE_NAME" label="车辆所属类型" width="100px" align="center"/>
+      <el-table-column prop="vehicle_arrival_status" label="车辆在港状态" width="100px" align="center"/>
+      <el-table-column prop="VEHICLE_DEPARTMENT_NAME" label="车辆所属部门" align="center"/>
+      <!--      <el-table-column prop="vehicle_filing_info_recording_org" label="车辆所属部门" align="center"/>-->
+      <el-table-column prop="USER_NAME" label="车辆责任人" width="150ox" align="center"/>
+      <!--      <el-table-column prop="vehicle_contact_name" label="车辆联系人" width="150ox" align="center"/>-->
+      <!--      <el-table-column prop="vehicle_contact_phone_number" label="联系人手机号" width="120px" align="center"/>-->
+      <el-table-column prop="vehicle_arrival_barrier" label="入港闸口" align="center"/>
+      <el-table-column prop="vehicle_arrival_time" label="入港时间" align="center"/>
+      <el-table-column prop="vehicle_departure_barrier" label="离港闸口" align="center"/>
+      <el-table-column prop="vehicle_departure_time" label="离港时间" align="center"/>
+    </el-table>
+    <div class="page-btn-group">
+      <!--      <div>-->
+      <!--        <el-button plain type="info" @click="returnBtn">返回</el-button>-->
+      <!--      </div>-->
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getPageList" />
+    </div>
+  </div>
+</template>
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import safetyFlowChart from '../../../hiddenUtil/safetyFlowChart'
+export default {
+  components: { Pagination, safetyFlowChart },
+  directives: { waves },
+  data() {
+    return {
+      listLoading: true,
+      add: false,
+      del: false,
+      edit: false,
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      total: 0,
+      KEYWORDS: '',
+      // 列表展示的数据
+      varList: [],
+      // 查询表单的数据
+      searchForm: {
+        LICENCE_NO: '', // 车牌号
+        KEYWORDS: '',
+        GATE_STATUS: '',
+        REGION_BIANMA: ''
+      },
+      RegionList: [],
+      StatusList: [
+        { value: '0', label: '停用' },
+        { value: '1', label: '正常' },
+        { value: '2', label: '暂时关闭' }
+      ]
+    }
+  },
+  created() {
+    this.getDict()
+    this.searchForm.LICENCE_NO = this.$parent.LICENCE_NO
+    this.getPageList() // 获取分页列表要展示的数据
+  },
+  methods: {
+    getRowKey(row) {
+      return row.id_sequence
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.queryTable.clearSelection() // 先置空表格再查询
+      this.getPageList()
+    },
+    resetSearch() {
+      this.searchForm.KEYWORDS = ''
+      this.searchForm.GATE_STATUS = ''
+      this.searchForm.REGION_BIANMA = ''
+    },
+    goKeyReset() {
+      this.resetSearch()
+      this.getQuery()
+    },
+    // 获取列表
+    getPageList() {
+      this.listLoading = true
+      requestFN(
+        '/vehiclemessage/getInOutPageList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchForm
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.varList
+        this.total = data.page.totalResult
+        // this.hasButton()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    // 车辆进出记录按钮的点击事件
+    returnBtn() {
+      this.$parent.activeName = 'List'
+    },
+    getPlateColor(row, column, rowIndex, columnIndex) {
+      if (row.column.label === '车牌号') {
+        const colorMap = {
+          蓝牌: 'background-color: blue;color: white',
+          黄牌: 'background-color: yellow;color: black',
+          新能源: 'background-color: green;color: white',
+          白牌: 'background-color: gray;color: black',
+          黑牌: 'background-color: black;color: white',
+          其他: 'background-color: white;color: black',
+          default: 'background-color: white;color: black'
+        }
+        // const plateColor = row.row.vehicle_plate_color || 'default'
+        const plateColor = row.row.LICENCE_TYPE_NAME || 'default'
+        const backgroundColorAndColor = colorMap[plateColor] || colorMap.default
+        return backgroundColorAndColor
+      }
+    },
+    goReturn() {
+      this.$parent.activeName = 'CarView'
+    },
+    getDict() {
+      requestFN(
+        'dictionaries/getLevels',
+        {
+          DICTIONARIES_ID: '1c73fa2717f2835165104aee234caefe'
+        }
+      ).then((data) => {
+        this.RegionList = data.list
+      })
+        .catch((e) => {
+          this.listLoading = false
+        })
+    },
+  }
+}
+</script>
diff --git a/src/views/longtermvehicle/zgCarMessage/index.vue b/src/views/longtermvehicle/zgCarMessage/index.vue
new file mode 100644
index 0000000..90efec4
--- /dev/null
+++ b/src/views/longtermvehicle/zgCarMessage/index.vue
@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <IndexList v-show="activeName==='List'" ref="list" />
+    <CarView v-if="activeName==='CarView'" />
+    <Record v-if="activeName==='Record'" />
+  </div>
+</template>
+
+<script>
+import IndexList from './components/List'
+import CarView from "./components/car_view";
+import Record from "./components/record";
+export default {
+  components: {
+    CarView: CarView,
+    IndexList: IndexList,
+    Record: Record
+  },
+  data() {
+    return {
+      activeName: 'List'
+    }
+  },
+  watch: {
+    activeName(newValue, oldValue) {
+      if (newValue == 'List') {
+        this.$refs.list.getQuery()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

From 6e77573ac29b83708923349f19c42c8702c3d86f Mon Sep 17 00:00:00 2001
From: huangyuxuan <huangyuxuan@zcloudchina.com>
Date: Tue, 7 Jan 2025 09:24:51 +0800
Subject: [PATCH 4/7] =?UTF-8?q?[=E6=96=B0=E5=A2=9E=E5=8A=9F=E8=83=BD](hyx?=
 =?UTF-8?q?=5F=E9=97=A8=E5=8F=A3=E9=97=A8=E7=A6=81):=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

---
 .../jgCarMessage/components/List.vue          | 117 +++
 .../jgCarMessage/components/car_view.vue      | 922 ++++++++++++++++++
 .../jgCarMessage/components/record.vue        | 205 ++++
 .../longtermvehicle/jgCarMessage/index.vue    |  36 +
 4 files changed, 1280 insertions(+)
 create mode 100644 src/views/longtermvehicle/jgCarMessage/components/List.vue
 create mode 100644 src/views/longtermvehicle/jgCarMessage/components/car_view.vue
 create mode 100644 src/views/longtermvehicle/jgCarMessage/components/record.vue
 create mode 100644 src/views/longtermvehicle/jgCarMessage/index.vue

diff --git a/src/views/longtermvehicle/jgCarMessage/components/List.vue b/src/views/longtermvehicle/jgCarMessage/components/List.vue
new file mode 100644
index 0000000..6481542
--- /dev/null
+++ b/src/views/longtermvehicle/jgCarMessage/components/List.vue
@@ -0,0 +1,117 @@
+<template>
+  <div class="app-container">
+    <el-form label-width="90px">
+      <el-row>
+        <el-col :span="4">
+          <el-form-item label="分公司名称">
+            <el-input v-model="searchForm.CORP_NAME" placeholder="分公司名称"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label-width="10px">
+            <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="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <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 type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="NAME" label="部门名称" />
+      <el-table-column prop="DEPT_TYPE_NAME" label="部门类型" />
+      <el-table-column prop="USER_COUNT" label="部门人数" />
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button type="success" icon="el-icon-view" size="mini" @click="handleEdit(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 SelectTree from '@/components/SelectTree'
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default {
+  components: {Pagination, SelectTree },
+  directives: { waves },
+  data() {
+    return {
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      searchForm: {
+        CORP_NAME: ''
+      },
+      total: 0,
+      varList: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.CORPINFO_ID
+    },
+    // 搜索
+    getQuery() {
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/getJgDepartmentList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchForm
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.deptList
+        this.total = data.page.totalResult
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    // 查看
+    handleEdit(row) {
+      console.log('--------------------------')
+      this.$parent.activeName = 'CarView'
+      this.$parent.CORPINFO_ID = row.CORPINFO_ID
+    },
+    goKeyReset() {
+      this.searchForm = {
+        CORP_NAME: ''
+      }
+      this.getList()
+    }
+  }
+}
+</script>
diff --git a/src/views/longtermvehicle/jgCarMessage/components/car_view.vue b/src/views/longtermvehicle/jgCarMessage/components/car_view.vue
new file mode 100644
index 0000000..d924c50
--- /dev/null
+++ b/src/views/longtermvehicle/jgCarMessage/components/car_view.vue
@@ -0,0 +1,922 @@
+<template>
+  <div class="icons-container">
+    <el-container>
+      <el-aside width="200px" style="background-color:#fff">
+        <div class="filter-btn-group">
+          <el-tree
+            v-loading="treeLoading"
+            ref="tree"
+            :data="treeData"
+            :props="defaultProps"
+            :filter-node-method="filterNode"
+            class="filter-tree"
+            @node-click="handleNodeClick"/>
+        </div>
+      </el-aside>
+      <el-main>
+        <el-form label-width="60px">
+          <el-row>
+            <el-col :span="2">
+              <el-form-item label-width="0px">
+                <el-button v-show="DEPARTMENT_ID != '0'" icon="el-icon-arrow-left" @click="goReturn()">返回</el-button>
+              </el-form-item>
+            </el-col>
+            <el-col :span="3">
+              <el-form-item label="车牌号">
+                <el-input v-model="searchForm.LICENCE_NO" placeholder="请输入车牌号..." />
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="m-l-10">
+              <el-form-item label="车辆类型" prop="VEHICLE_TYPE" label-width="100px">
+                <SelectTree
+                  ref="selectTree_Search1"
+                  :clearable="false"
+                  :options="vehicleTypeList"
+                  :props="vehicleDefaultProps"
+                  v-model="searchForm.VEHICLE_TYPE"
+                  placeholder="请选择车辆类型"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="m-l-10">
+              <el-form-item label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID" label-width="100px">
+                <SelectTree
+                  ref="selectTree_Search2"
+                  :clearable="false"
+                  :options="treeData"
+                  :props="defaultProps"
+                  v-model="searchForm.VEHICLE_DEPARTMENT_ID"
+                  placeholder="请选择车辆所属部门"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="m-l-10">
+              <el-form-item label="车辆责任人" label-width="100px">
+                <el-input v-model="searchForm.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="CORPINFO_NAME" label="分公司名称" 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>
+              <el-button type="primary" icon="el-icon-edit" size="mini" @click="openEditDialogEditBtn(row.VEHICLE_ID)">修改</el-button>
+              <el-button type="danger" icon="el-icon-delete" size="mini" @click="deleteSingleDataDeleteBtn(row.VEHICLE_ID, row.USER_ID, row.EMPLOYEE_VEHICLE_USER_ID)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="page-btn-group">
+          <div>
+            <el-button type="primary" icon="el-icon-plus" @click="openAddDialogAddBtn">新增</el-button>
+          </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 :rules="[{required: true}]" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+              <SelectTree
+                ref="selectTree_add1"
+                :clearable="false"
+                :options="treeData"
+                :props="defaultProps"
+                v-model="addForm.VEHICLE_DEPARTMENT_ID"
+                placeholder="请选择车辆所属部门"
+                style="width: 300px"
+                @change="addUserList"/>
+            </el-form-item>
+            <!-- 车辆责任人下拉框 -->
+            <el-form-item :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>
+          <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 :value="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 :value="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 :value="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 label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
+              <SelectTree
+                ref="selectTree_edit"
+                :clearable="true"
+                :options="treeData"
+                :props="defaultProps"
+                v-model="editForm.VEHICLE_DEPARTMENT_ID"
+                placeholder="请选择车辆所属部门"
+                style="width: 300px"
+                @change="updateUserList"/>
+            </el-form-item>
+            <!-- 车辆责任人下拉框 -->
+            <el-form-item 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>
+          <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>
+      </el-main>
+    </el-container>
+
+    <div class="heightt"/>
+  </div>
+</template>
+
+<script>
+import SelectTree from '@/components/SelectTree'
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default {
+  components: { Pagination, SelectTree },
+  directives: { waves },
+  data() {
+    return {
+      config: config,
+      treeLoading: false,
+      listLoading: true,
+      add: true,
+      del: true,
+      edit: true,
+      readonly: true,
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      total: 0,
+      defaultProps: {
+        value: 'id',
+        children: 'nodes',
+        label: 'name'
+      },
+      treeData: [],
+      // 从此处开始写自己的属性
+      loginUserCorpInfoId: '', // 从接口获取用户所属企业
+      CORPINFO_ID: '', // 企业id
+      DEPARTMENT_ID: '', // 部门ID
+      KEYWORDS: '',
+      loginUserId: '', // 登录人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: '大巴客车' }
+      ],
+      // 车辆所属类型列表
+      vehicleBelongTypeList: [
+        // { ID: '', NAME: '请选择' },
+        { ID: '0', NAME: '员工车辆' },
+        { ID: '1', NAME: '单位车辆' }
+        // { ID: '2', NAME: '外部车辆' }
+      ],
+      // 车辆下拉树默认属性
+      vehicleDefaultProps: {
+        value: 'ID',
+        label: 'NAME',
+        children: 'nodes'
+      },
+      departmentTreeData: [],
+      // inspectionTypeList: [], //字典列表
+      // 列表展示的数据
+      varList: [],
+      // 查询表单的数据
+      searchForm: {
+        DEPARTMENT_ID: '',
+        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_BELONG_TYPE: '', // 车辆所属类型
+        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
+        USER_ID: '', // 车辆责任人id
+        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人
+        LICENCE_TYPE: null, // 车牌类型
+        VEHICLE_TYPE: null // 车辆类型
+      },
+      addDialogVisible: false, // 添加弹窗的展示与不展示
+      editDialogVisible: false, // 编辑弹窗的展示与不展示
+      detailDialogVisible: false, // 详情弹窗的展示与不展示
+      userList: [], // 部门用户列表
+      selectTree_edit: []
+    }
+  },
+  created() {
+    // 调用自己的方法
+    this.getLoginUserInfo() // 获取当前登陆用户的信息
+    this.CORPINFO_ID = this.$parent.CORPINFO_ID
+    this.updateBranchName(this.CORPINFO_ID)
+    this.getPageList() // 获取分页列表要展示的数据
+
+  },
+  methods: {
+    // 之前旧的
+    filterNode(value, data) {
+      if (!value) return true
+      return data.name.indexOf(value) !== -1
+    },
+    handleNodeClick(node, data, value) {
+      this.searchForm.VEHICLE_DEPARTMENT_ID = node.id
+      this.getPageList(node.id)
+    },
+    updateBranchName(ID) {
+      requestFN(
+        '/department/listTreeCorpInfo',
+        // '/department/listTree',
+        {
+          CORPINFO_ID: ID
+        }
+      ).then((data) => {
+        this.treeData = JSON.parse(data.zTreeNodes)
+      }).catch((e) => {
+      })
+    },
+    goReturn() {
+      this.$parent.activeName = 'List'
+    },
+    // 从此处开始写自己的事件
+    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
+      }
+    },
+    translateVehicleBelongType(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.loginUserCorpInfoId = data.pd.CORPINFO_ID
+          // this.loginUserDepartmentName = data.pd.DEPARTMENT_NAME
+          resolve('ok')
+        }).catch((e) => {
+
+        })
+      })
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.vehicleMessageTable.clearSelection() // 先置空表格再查询
+      this.getPageList()
+    },
+    goKeyReset() {
+      this.resetSearch()
+      this.getQuery()
+    },
+    // 获取列表
+    getPageList() {
+      console.log('22222222222222222222222222222')
+      this.listLoading = true
+      requestFN(
+        'vehiclemessage/getPageList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchForm,
+          'CORPINFO_ID': this.CORPINFO_ID,
+          CAR_FROM: 0
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.varList
+        this.total = data.page.totalResult
+        // 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.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
+      }
+      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.CORPINFO_ID
+        }
+      ).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.detailForm = {
+        LICENCE_NO: '', // 车牌号
+        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
+        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
+        USER_ID: '', // 车辆责任人
+        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.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.translateVehicleBelongType(data.pd.VEHICLE_BELONG_TYPE)
+          this.detailForm.USER_ID = data.pd.USER_NAME // 车辆责任人
+        } else {
+          this.$message({
+            message: '数据回显失败',
+            type: 'error'
+          })
+        }
+      }).catch((e) => {
+      })
+    },
+    // 修改弹窗的确定按钮
+    editDialogConfirmBtn() {
+      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
+            }
+          ).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
+          }
+        ).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(() => {
+      })
+    },
+
+    resetSearch() {
+      this.searchForm = {
+        LICENCE_NO: '' // 车牌号（输入框）
+      }
+      this.$refs.selectTree_Search1.clearHandle() // 清空
+      this.$refs.selectTree_Search2.clearHandle()
+    },
+    addUserList(DEPARTMENT_ID) {
+      // this.getUserList(DEPARTMENT_ID)
+      this.customGetUserList(DEPARTMENT_ID)
+      this.handleDepartmentAddChange(DEPARTMENT_ID)
+    },
+    updateUserList(DEPARTMENT_ID) {
+      this.getUserList(DEPARTMENT_ID)
+      this.handleDepartmentUpdateChange(DEPARTMENT_ID)
+    },
+    getUserList(DEPARTMENT_ID) { // 根据部门获取部门内的人员
+      this.userList = []
+      console.info(DEPARTMENT_ID)
+      requestFN(
+        '/user/listAll',
+        {
+          DEPARTMENT_ID: DEPARTMENT_ID,
+          tm: new Date().getTime()
+        }
+      ).then((data) => {
+        console.info(data)
+        this.userList = data.userList
+      }).catch((e) => {
+        // this.listLoading = false
+      })
+    },
+    customGetUserList(DEPARTMENT_ID) { // 根据部门获取部门内的人员
+      this.userList = []
+      requestFN(
+        'vehiclemessage/selectTreeByDepartmentId',
+        {
+          DEPARTMENT_ID: DEPARTMENT_ID,
+          tm: new Date().getTime()
+        }
+      ).then((data) => {
+        this.userList = data.list
+      }).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.treeData, value)
+    },
+    handleDepartmentUpdateChange(value) {
+      this.editForm.VEHICLE_DEPARTMENT_NAME = this.findLabelByValue(this.treeData, 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 = ''
+      }
+    },
+    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>
+<style>
+.m-l-10 {
+  margin-left: 10px;
+}
+.q-f-w-v-200{
+  width: 200px;
+}
+</style>
diff --git a/src/views/longtermvehicle/jgCarMessage/components/record.vue b/src/views/longtermvehicle/jgCarMessage/components/record.vue
new file mode 100644
index 0000000..cc38e3e
--- /dev/null
+++ b/src/views/longtermvehicle/jgCarMessage/components/record.vue
@@ -0,0 +1,205 @@
+<template>
+  <div class="app-container">
+    <el-form label-width="100px">
+      <el-row>
+        <el-col :span="2">
+          <el-form-item label-width="0px">
+            <el-button icon="el-icon-arrow-left" @click="goReturn()">返回</el-button>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label="口门名称：" label-width="110px">
+            <el-input v-model="searchForm.KEYWORDS" style="width:206px" placeholder="请输入内容"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="口门状态" label-width="110px">
+            <el-select v-model="searchForm.GATE_STATUS" placeholder="请选择">
+              <el-option v-for="(item,index) in StatusList" :key="index" :label="item.label" :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="所属区域" label-width="110px">
+            <el-select v-model="searchForm.REGION_BIANMA" placeholder="请选择">
+              <el-option v-for="(item,index) in RegionList" :key="index" :label="item.NAME" :value="item.BIANMA"/>
+            </el-select>
+          </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="queryTable"
+      :data="varList"
+      :cell-style="getPlateColor"
+      :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="REGION_NAME" label="区域" width="100px" align="center"/>
+      <el-table-column prop="AREA_NAME" label="口门名称" width="100px" align="center"/>
+      <el-table-column prop="AREA_LEVEL_NAME" label="口门级别" width="100px" align="center"/>
+      <el-table-column prop="vehicle_plate_number" label="车牌号" width="100px" align="center"/>
+      <!--      <el-table-column prop="vehicle_category_name" label="车辆类型" width="150px" align="center"/>-->
+      <el-table-column prop="VEHICLE_TYPE_NAME" label="车辆类型" width="150px" align="center"/>
+      <!--      <el-table-column prop="vehicle_filing_method" label="车辆所属类型" width="100px" align="center"/>-->
+      <el-table-column prop="VEHICLE_BELONG_TYPE_NAME" label="车辆所属类型" width="100px" align="center"/>
+      <el-table-column prop="vehicle_arrival_status" label="车辆在港状态" width="100px" align="center"/>
+      <el-table-column prop="VEHICLE_DEPARTMENT_NAME" label="车辆所属部门" align="center"/>
+      <!--      <el-table-column prop="vehicle_filing_info_recording_org" label="车辆所属部门" align="center"/>-->
+      <el-table-column prop="USER_NAME" label="车辆责任人" width="150ox" align="center"/>
+      <!--      <el-table-column prop="vehicle_contact_name" label="车辆联系人" width="150ox" align="center"/>-->
+      <!--      <el-table-column prop="vehicle_contact_phone_number" label="联系人手机号" width="120px" align="center"/>-->
+      <el-table-column prop="vehicle_arrival_barrier" label="入港闸口" align="center"/>
+      <el-table-column prop="vehicle_arrival_time" label="入港时间" align="center"/>
+      <el-table-column prop="vehicle_departure_barrier" label="离港闸口" align="center"/>
+      <el-table-column prop="vehicle_departure_time" label="离港时间" align="center"/>
+    </el-table>
+    <div class="page-btn-group">
+      <!--      <div>-->
+      <!--        <el-button plain type="info" @click="returnBtn">返回</el-button>-->
+      <!--      </div>-->
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getPageList" />
+    </div>
+  </div>
+</template>
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import safetyFlowChart from '../../../hiddenUtil/safetyFlowChart'
+export default {
+  components: { Pagination, safetyFlowChart },
+  directives: { waves },
+  data() {
+    return {
+      listLoading: true,
+      add: false,
+      del: false,
+      edit: false,
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      total: 0,
+      KEYWORDS: '',
+      // 列表展示的数据
+      varList: [],
+      // 查询表单的数据
+      searchForm: {
+        LICENCE_NO: '', // 车牌号
+        KEYWORDS: '',
+        GATE_STATUS: '',
+        REGION_BIANMA: ''
+      },
+      RegionList: [],
+      StatusList: [
+        { value: '0', label: '停用' },
+        { value: '1', label: '正常' },
+        { value: '2', label: '暂时关闭' }
+      ]
+    }
+  },
+  created() {
+    this.getDict()
+    this.searchForm.LICENCE_NO = this.$parent.LICENCE_NO
+    this.getPageList() // 获取分页列表要展示的数据
+  },
+  methods: {
+    getRowKey(row) {
+      return row.id_sequence
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.queryTable.clearSelection() // 先置空表格再查询
+      this.getPageList()
+    },
+    resetSearch() {
+      this.searchForm.KEYWORDS = ''
+      this.searchForm.GATE_STATUS = ''
+      this.searchForm.REGION_BIANMA = ''
+    },
+    goKeyReset() {
+      this.resetSearch()
+      this.getQuery()
+    },
+    // 获取列表
+    getPageList() {
+      this.listLoading = true
+      requestFN(
+        '/vehiclemessage/getInOutPageList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchForm
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.varList
+        this.total = data.page.totalResult
+        // this.hasButton()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    // 车辆进出记录按钮的点击事件
+    returnBtn() {
+      this.$parent.activeName = 'List'
+    },
+    getPlateColor(row, column, rowIndex, columnIndex) {
+      if (row.column.label === '车牌号') {
+        const colorMap = {
+          蓝牌: 'background-color: blue;color: white',
+          黄牌: 'background-color: yellow;color: black',
+          新能源: 'background-color: green;color: white',
+          白牌: 'background-color: gray;color: black',
+          黑牌: 'background-color: black;color: white',
+          其他: 'background-color: white;color: black',
+          default: 'background-color: white;color: black'
+        }
+        // const plateColor = row.row.vehicle_plate_color || 'default'
+        const plateColor = row.row.LICENCE_TYPE_NAME || 'default'
+        const backgroundColorAndColor = colorMap[plateColor] || colorMap.default
+        return backgroundColorAndColor
+      }
+    },
+    goReturn() {
+      this.$parent.activeName = 'CarView'
+    },
+    getDict() {
+      requestFN(
+        'dictionaries/getLevels',
+        {
+          DICTIONARIES_ID: '1c73fa2717f2835165104aee234caefe'
+        }
+      ).then((data) => {
+        this.RegionList = data.list
+      })
+        .catch((e) => {
+          this.listLoading = false
+        })
+    },
+  }
+}
+</script>
diff --git a/src/views/longtermvehicle/jgCarMessage/index.vue b/src/views/longtermvehicle/jgCarMessage/index.vue
new file mode 100644
index 0000000..90efec4
--- /dev/null
+++ b/src/views/longtermvehicle/jgCarMessage/index.vue
@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <IndexList v-show="activeName==='List'" ref="list" />
+    <CarView v-if="activeName==='CarView'" />
+    <Record v-if="activeName==='Record'" />
+  </div>
+</template>
+
+<script>
+import IndexList from './components/List'
+import CarView from "./components/car_view";
+import Record from "./components/record";
+export default {
+  components: {
+    CarView: CarView,
+    IndexList: IndexList,
+    Record: Record
+  },
+  data() {
+    return {
+      activeName: 'List'
+    }
+  },
+  watch: {
+    activeName(newValue, oldValue) {
+      if (newValue == 'List') {
+        this.$refs.list.getQuery()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

From 7fca5778bf5b9572614ae9306a347b47e36cb61b Mon Sep 17 00:00:00 2001
From: huangyuxuan <huangyuxuan@zcloudchina.com>
Date: Fri, 10 Jan 2025 16:30:50 +0800
Subject: [PATCH 5/7] =?UTF-8?q?[=E6=96=B0=E5=A2=9E=E5=8A=9F=E8=83=BD](hyx?=
 =?UTF-8?q?=5F=E9=97=A8=E5=8F=A3=E9=97=A8=E7=A6=81):=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=9B=B8=E5=85=B3?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../carInfoManagement/components/carList.vue  | 509 ++++++++++++++++++
 .../carInfoManagement/components/corpList.vue | 121 +++++
 .../carInfoManagement/components/list.vue     | 137 +++++
 .../carInfoManagement/index.vue               |  30 ++
 .../dangerousCar/components/corpList.vue      | 121 +++++
 .../dangerousCar/components/list.vue          | 128 +++++
 .../freightVehicles/dangerousCar/index.vue    |  27 +
 .../filingAudit/components/list.vue           | 209 +++++++
 .../filingAudit/components/sendUtil.vue       | 182 +++++++
 .../freightVehicles/filingAudit/index.vue     |  24 +
 src/views/freightVehicles/index.vue           |   3 +
 .../ordinaryCar/components/corpList.vue       | 121 +++++
 .../ordinaryCar/components/list.vue           | 128 +++++
 .../freightVehicles/ordinaryCar/index.vue     |  27 +
 .../publicAuidt/components/list.vue           | 152 ++++++
 .../publicAuidt/components/sendUtil.vue       | 211 ++++++++
 .../freightVehicles/publicAuidt/index.vue     |  24 +
 .../jgCarMessage/components/car_view.vue      |   2 +-
 .../vehiclemessage/components/index_view.vue  |   2 +-
 .../xgfCarMessage/components/car_view.vue     |   2 +-
 .../zgCarMessage/components/car_view.vue      |   2 +-
 21 files changed, 2158 insertions(+), 4 deletions(-)
 create mode 100644 src/views/freightVehicles/carInfoManagement/components/carList.vue
 create mode 100644 src/views/freightVehicles/carInfoManagement/components/corpList.vue
 create mode 100644 src/views/freightVehicles/carInfoManagement/components/list.vue
 create mode 100644 src/views/freightVehicles/carInfoManagement/index.vue
 create mode 100644 src/views/freightVehicles/dangerousCar/components/corpList.vue
 create mode 100644 src/views/freightVehicles/dangerousCar/components/list.vue
 create mode 100644 src/views/freightVehicles/dangerousCar/index.vue
 create mode 100644 src/views/freightVehicles/filingAudit/components/list.vue
 create mode 100644 src/views/freightVehicles/filingAudit/components/sendUtil.vue
 create mode 100644 src/views/freightVehicles/filingAudit/index.vue
 create mode 100644 src/views/freightVehicles/index.vue
 create mode 100644 src/views/freightVehicles/ordinaryCar/components/corpList.vue
 create mode 100644 src/views/freightVehicles/ordinaryCar/components/list.vue
 create mode 100644 src/views/freightVehicles/ordinaryCar/index.vue
 create mode 100644 src/views/freightVehicles/publicAuidt/components/list.vue
 create mode 100644 src/views/freightVehicles/publicAuidt/components/sendUtil.vue
 create mode 100644 src/views/freightVehicles/publicAuidt/index.vue

diff --git a/src/views/freightVehicles/carInfoManagement/components/carList.vue b/src/views/freightVehicles/carInfoManagement/components/carList.vue
new file mode 100644
index 0000000..dfedc07
--- /dev/null
+++ b/src/views/freightVehicles/carInfoManagement/components/carList.vue
@@ -0,0 +1,509 @@
+<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.LICENCE_NO" 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>
+    <div class="page-btn-group">
+      <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="车牌号" prop="LICENCE_NO">
+          <el-input v-model="addForm.LICENCE_NO"  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="IS_DANGEROUS_CAR">
+          <SelectTree
+            ref="selectTree_add4"
+            :clearable="false"
+            :options="DANGEROUS_CAR_LIST"
+            :props="vehicleDefaultProps"
+            v-model="addForm.IS_DANGEROUS_CAR"
+            placeholder="请选择是否危化车辆"
+            style="width: 300px"/>
+        </el-form-item>
+        <el-form-item label="负责人" :rules="[{ required: true, message: '请填写负责人姓名', trigger: 'blur' }]">
+          <el-input v-model="addForm.CONTACT" type="text" maxlength="300" placeholder="这里输入负责人名称..."/>
+        </el-form-item>
+        <el-form-item label="负责人手机号" :rules="[{ required: true, message: '请填写负责人手机号', trigger: 'blur' }]">
+          <el-input v-model="addForm.PHONE" type="text" maxlength="300" placeholder="这里输入负责人手机号..."/>
+        </el-form-item>
+        <el-form-item label="排放标准" :rules="[{ required: true, message: '请填写排放标准', trigger: 'blur' }]">
+          <el-input v-model="addForm.EMISSION_STANDARDS" type="text" maxlength="300" placeholder="这里输入排放标准..."/>
+        </el-form-item>
+        <!-- 驾驶证上传 -->
+        <el-form-item label="驾驶证" :rules="[{ required: true, message: '请上传驾驶证', trigger: 'blur' }]">
+          <el-upload
+            action="http://127.0.0.1:8199/mkmj/management/fileUpload"
+            :on-success="handleDrivingLicenseSuccess"
+            :before-upload="beforeUpload"
+            :limit="1">
+            <el-button type="primary">点击上传</el-button>
+          </el-upload>
+        </el-form-item>
+
+        <el-form-item label="绿本" :rules="[{ required: true, message: '请上传绿本', trigger: 'blur' }]">
+          <el-upload
+            action="http://127.0.0.1:8199/mkmj/management/fileUpload"
+            :on-success="handleGreenBookSuccess"
+            :before-upload="beforeUpload"
+            :limit="1">
+            <el-button type="primary">点击上传</el-button>
+          </el-upload>
+        </el-form-item>
+
+        <el-form-item label="环保随车清单" :rules="[{ required: true, message: '请上传环保随车清单', trigger: 'blur' }]">
+          <el-upload
+            action="http://127.0.0.1:8199/mkmj/management/fileUpload"
+            :on-success="handleEcoFriendlyChecklistSuccess"
+            :before-upload="beforeUpload"
+            :limit="1">
+            <el-button type="primary">点击上传</el-button>
+          </el-upload>
+        </el-form-item>
+
+        <el-form-item label="出厂合格证" :rules="[{ required: true, message: '请上传出厂合格证', trigger: 'blur' }]">
+          <el-upload
+            action="http://127.0.0.1:8199/mkmj/management/fileUpload"
+            :on-success="handleFactoryCertificateSuccess"
+            :before-upload="beforeUpload"
+            :limit="1">
+            <el-button type="primary">点击上传</el-button>
+          </el-upload>
+        </el-form-item>
+
+        <el-form-item label="环保信息截图" :rules="[{ required: true, message: '请上传环保信息截图', trigger: 'blur' }]">
+          <el-upload
+            action="http://127.0.0.1:8199/mkmj/management/fileUpload"
+            :on-success="handleEnvironmentalScreenshotsSuccess"
+            :before-upload="beforeUpload"
+            :limit="1">
+            <el-button type="primary">点击上传</el-button>
+          </el-upload>
+        </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 v-if="editDialogVisible" ref="editForm" :model="addForm" label-width="170px" style="padding:0 20px; width: 500px;">
+        <el-form-item label="车牌号" prop="LICENCE_NO">
+          <el-input v-model="addForm.LICENCE_NO"  type="text" maxlength="300" placeholder="这里输入车牌号..." @blur="goCheckLicenceNoAdd()"/>
+        </el-form-item>
+        <!-- 白牌、蓝牌、黄牌、绿牌、黑牌 下拉框-->
+        <el-form-item label="车牌类型" prop="LICENCE_TYPE">
+          <SelectTree
+            ref="selectTree_edit2"
+            :clearable="false"
+            :options="licenceTypeList"
+            :props="vehicleDefaultProps"
+            v-model="addForm.LICENCE_TYPE"
+            placeholder="请选择车牌类型"
+            style="width: 300px"/>
+        </el-form-item>
+        <!-- 货车、轿车、大巴客车  下拉框-->
+        <el-form-item label="车辆类型" prop="VEHICLE_TYPE">
+          <SelectTree
+            ref="selectTree_edit3"
+            :clearable="false"
+            :options="vehicleTypeList"
+            :props="vehicleDefaultProps"
+            v-model="addForm.VEHICLE_TYPE"
+            placeholder="请选择车辆类型"
+            style="width: 300px"/>
+        </el-form-item>
+        <!--是否为危化车辆-->
+        <el-form-item label="是否为危化车辆" prop="IS_DANGEROUS_CAR">
+          <SelectTree
+            ref="selectTree_edit4"
+            :clearable="false"
+            :options="DANGEROUS_CAR_LIST"
+            :props="vehicleDefaultProps"
+            v-model="addForm.IS_DANGEROUS_CAR"
+            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-item label="排放标准">
+          <el-input v-model="addForm.EMISSION_STANDARDS" type="text" maxlength="300" placeholder="这里输入排放标准..."/>
+        </el-form-item>
+        <!-- 驾驶证上传 -->
+        <el-form-item label="驾驶证">
+          <el-upload
+            action="http://127.0.0.1:8199/mkmj/management/fileUpload"
+            :on-success="handleDrivingLicenseSuccess"
+            :before-upload="beforeUpload"
+            :limit="1">
+            <el-button type="primary">点击上传</el-button>
+          </el-upload>
+        </el-form-item>
+
+        <el-form-item label="绿本">
+          <el-upload
+            action="http://127.0.0.1:8199/mkmj/management/fileUpload"
+            :on-success="handleGreenBookSuccess"
+            :before-upload="beforeUpload"
+            :limit="1">
+            <el-button type="primary">点击上传</el-button>
+          </el-upload>
+        </el-form-item>
+
+        <el-form-item label="环保随车清单">
+          <el-upload
+            action="http://127.0.0.1:8199/mkmj/management/fileUpload"
+            :on-success="handleEcoFriendlyChecklistSuccess"
+            :before-upload="beforeUpload"
+            :limit="1">
+            <el-button type="primary">点击上传</el-button>
+          </el-upload>
+        </el-form-item>
+
+        <el-form-item label="出厂合格证">
+          <el-upload
+            action="http://127.0.0.1:8199/mkmj/management/fileUpload"
+            :on-success="handleFactoryCertificateSuccess"
+            :before-upload="beforeUpload"
+            :limit="1">
+            <el-button type="primary">点击上传</el-button>
+          </el-upload>
+        </el-form-item>
+
+        <el-form-item label="环保信息截图">
+          <el-upload
+            action="http://127.0.0.1:8199/mkmj/management/fileUpload"
+            :on-success="handleEnvironmentalScreenshotsSuccess"
+            :before-upload="beforeUpload"
+            :limit="1">
+            <el-button type="primary">点击上传</el-button>
+          </el-upload>
+        </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>
+    <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,
+      editDialogVisible: false,
+      addForm: {
+        VEHICLE_ID: '',
+        LICENCE_NO: '',
+        LICENCE_TYPE: '',
+        VEHICLE_TYPE: '',
+        CONTACT: '',
+        PHONE: '',
+        EMISSION_STANDARDS: '',
+        IS_DANGEROUS_CAR: '',
+        DRIVING_LICENSE: '',
+        GREEN_BOOK: '',
+        ECO_FRIENDLY_CHECKLIST: '',
+        FACTORY_CERTIFICATE: '',
+        ENVIRONMENTAL_SCREENSHOTS: '',
+        CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+        MOTORCADE_ID: this.$parent.MOTORCADE_ID
+      },
+      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: '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: '大巴客车' }
+      ],
+      DANGEROUS_CAR_LIST: [
+        { ID: '0', NAME: '否' },
+        { ID: '1', 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(
+        '/mkmjManagement/getAllCarInfoList?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(
+            '/mkmj/management/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.VEHICLE_ID = '',
+        this.addForm.LICENCE_NO = '',
+        this.addForm.LICENCE_TYPE = '',
+        this.addForm.VEHICLE_TYPE = '',
+        this.addForm.CONTACT = '',
+        this.addForm.PHONE = '',
+        this.addForm.EMISSION_STANDARDS = '',
+        this.addForm.IS_DANGEROUS_CAR = '',
+        this.addForm.DRIVING_LICENSE = '',
+        this.addForm.GREEN_BOOK = '',
+        this.addForm.ECO_FRIENDLY_CHECKLIST = '',
+        this.addForm.FACTORY_CERTIFICATE = '',
+        this.addForm.ENVIRONMENTAL_SCREENSHOTS = ''
+    },
+    handleDrivingLicenseSuccess(response, file) {
+      this.addForm.DRIVING_LICENSE = response.uploadPath;
+    },
+    handleGreenBookSuccess(response, file) {
+      this.addForm.GREEN_BOOK = response.uploadPath;
+    },
+    handleEcoFriendlyChecklistSuccess(response, file) {
+      this.addForm.ECO_FRIENDLY_CHECKLIST = response.uploadPath;
+    },
+    handleFactoryCertificateSuccess(response, file) {
+      this.addForm.FACTORY_CERTIFICATE = response.uploadPath;
+    },
+    handleEnvironmentalScreenshotsSuccess(response, file) {
+      this.addForm.ENVIRONMENTAL_SCREENSHOTS = response.uploadPath;
+    },
+    beforeUpload(file) {
+      // 文件上传前的校验逻辑
+      const isLt2M = file.size / 1024 / 1024 < 2;
+      if (!isLt2M) {
+        this.$message.error('上传文件大小不能超过 2MB!');
+      }
+      return isLt2M;
+    },
+    addDialogCancelBtn() {
+      this.addDialogVisible = false;
+    },
+    addDialogConfirmBtn() {
+      requestFN(
+        '/mkmj/management/carInfoMaintenance' ,
+        this.addForm
+      ).then((data) => {
+        this.addDialogVisible = false
+        this.reSetAddDialog()
+        this.getList()
+      }).catch((e) => {
+        this.addDialogVisible = false
+      })
+    },
+    goDelete(row){
+      this.$confirm('确定要删除吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        requestFN(
+          '/mkmj/management/deleteCarInfo',
+          {
+            VEHICLE_ID : row.VEHICLE_ID
+          }
+        ).then((data) => {
+          this.listLoading = false
+          this.getList()
+        }).catch((e) => {
+          this.listLoading = false
+        })
+      }).catch(() => {
+      })
+    },
+    goEdit(row){
+      this.addForm.VEHICLE_ID = row.VEHICLE_ID
+      this.editDialogVisible = true
+    },
+    editDialogCancelBtn(){
+      this.editDialogVisible = false
+    },
+    editDialogConfirmBtn(){
+      requestFN(
+        '/mkmj/management/carInfoMaintenance' ,
+        this.addForm
+      ).then((data) => {
+        this.editDialogVisible = false
+        this.reSetAddDialog()
+        this.getList()
+      }).catch((e) => {
+        this.editDialogVisible = false
+      })
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/freightVehicles/carInfoManagement/components/corpList.vue b/src/views/freightVehicles/carInfoManagement/components/corpList.vue
new file mode 100644
index 0000000..7ede60e
--- /dev/null
+++ b/src/views/freightVehicles/carInfoManagement/components/corpList.vue
@@ -0,0 +1,121 @@
+<template>
+  <div class="app-container">
+    <el-form label-width="90px">
+      <el-row>
+        <el-col :span="4">
+          <el-form-item label="分公司名称">
+            <el-input v-model="searchForm.CORP_NAME" placeholder="分公司名称"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label-width="10px">
+            <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="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <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 type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="CORP_NAME" label="分公司名称" />
+      <el-table-column prop="SOCIAL_CODE" label="统一社会信用代码" />
+      <el-table-column prop="COMPANY_AREA" label="所属地区" />
+      <el-table-column prop="STATE" label="企业状态" />
+      <el-table-column prop="USER_COUNT" label="企业人数" />
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button type="success" icon="el-icon-view" size="mini" @click="handleEdit(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 SelectTree from '@/components/SelectTree'
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default {
+  components: {Pagination, SelectTree },
+  directives: { waves },
+  data() {
+    return {
+      listLoading: true,
+      CORPINFO_ID: '',
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      searchForm: {
+        CORP_NAME: ''
+      },
+      total: 0,
+      varList: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.CORPINFO_ID
+    },
+    // 搜索
+    getQuery() {
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/getXgfCorpList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchForm
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.corpList
+        this.total = data.page.totalResult
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    // 查看
+    handleEdit(row) {
+      console.log('--------------------------')
+      console.log(row.CORPINFO_ID)
+      this.$parent.activeName = 'List'
+      this.$parent.CORPINFO_ID = row.CORPINFO_ID
+    },
+    goKeyReset() {
+      this.searchForm = {
+        CORP_NAME: ''
+      }
+      this.getList()
+    }
+  }
+}
+</script>
diff --git a/src/views/freightVehicles/carInfoManagement/components/list.vue b/src/views/freightVehicles/carInfoManagement/components/list.vue
new file mode 100644
index 0000000..ff7606a
--- /dev/null
+++ b/src/views/freightVehicles/carInfoManagement/components/list.vue
@@ -0,0 +1,137 @@
+<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: '',
+        CORPINFO_ID: this.$parent.CORPINFO_ID
+      }
+    }
+  },
+  created(e) {
+    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(
+        '/mkmjManagement/getAllMotorcadeList?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('---------------------------------')
+      console.log(row)
+      this.$parent.MOTORCADE_ID = row.MOTORCADE_ID
+      this.$parent.activeName = 'CarList'
+    },
+    getAuditInfo(row) {
+      this.$refs.flowStep.init(row)
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/freightVehicles/carInfoManagement/index.vue b/src/views/freightVehicles/carInfoManagement/index.vue
new file mode 100644
index 0000000..5db2c4b
--- /dev/null
+++ b/src/views/freightVehicles/carInfoManagement/index.vue
@@ -0,0 +1,30 @@
+<template>
+  <div>
+    <CorpList v-show="activeName==='CorpList'" ref="CorpList" />
+    <List v-if="activeName==='List'" />
+    <CarList v-if="activeName==='CarList'"/>
+  </div>
+</template>
+
+<script>
+import List from './components/list'
+import CarList from "./components/carList";
+import CorpList from "./components/corpList";
+export default {
+  components: {
+    CorpList: CorpList,
+    List: List,
+    CarList: CarList
+  },
+  data() {
+    return {
+      activeName: 'CorpList',
+      USER_ID: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/freightVehicles/dangerousCar/components/corpList.vue b/src/views/freightVehicles/dangerousCar/components/corpList.vue
new file mode 100644
index 0000000..7ede60e
--- /dev/null
+++ b/src/views/freightVehicles/dangerousCar/components/corpList.vue
@@ -0,0 +1,121 @@
+<template>
+  <div class="app-container">
+    <el-form label-width="90px">
+      <el-row>
+        <el-col :span="4">
+          <el-form-item label="分公司名称">
+            <el-input v-model="searchForm.CORP_NAME" placeholder="分公司名称"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label-width="10px">
+            <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="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <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 type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="CORP_NAME" label="分公司名称" />
+      <el-table-column prop="SOCIAL_CODE" label="统一社会信用代码" />
+      <el-table-column prop="COMPANY_AREA" label="所属地区" />
+      <el-table-column prop="STATE" label="企业状态" />
+      <el-table-column prop="USER_COUNT" label="企业人数" />
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button type="success" icon="el-icon-view" size="mini" @click="handleEdit(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 SelectTree from '@/components/SelectTree'
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default {
+  components: {Pagination, SelectTree },
+  directives: { waves },
+  data() {
+    return {
+      listLoading: true,
+      CORPINFO_ID: '',
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      searchForm: {
+        CORP_NAME: ''
+      },
+      total: 0,
+      varList: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.CORPINFO_ID
+    },
+    // 搜索
+    getQuery() {
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/getXgfCorpList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchForm
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.corpList
+        this.total = data.page.totalResult
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    // 查看
+    handleEdit(row) {
+      console.log('--------------------------')
+      console.log(row.CORPINFO_ID)
+      this.$parent.activeName = 'List'
+      this.$parent.CORPINFO_ID = row.CORPINFO_ID
+    },
+    goKeyReset() {
+      this.searchForm = {
+        CORP_NAME: ''
+      }
+      this.getList()
+    }
+  }
+}
+</script>
diff --git a/src/views/freightVehicles/dangerousCar/components/list.vue b/src/views/freightVehicles/dangerousCar/components/list.vue
new file mode 100644
index 0000000..01dd1d2
--- /dev/null
+++ b/src/views/freightVehicles/dangerousCar/components/list.vue
@@ -0,0 +1,128 @@
+<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.LICENCE_NO" 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="LICENCE_TYPE" label="车牌类型"/>
+      <el-table-column prop="VEHICLE_TYPE" label="车辆类型"/>
+      <el-table-column prop="vehicle_arrival_barrier" label="车辆入港闸口"/>
+      <el-table-column prop="vehicle_arrival_time" label="车辆入港时间"/>
+      <el-table-column prop="vehicle_departure_barrier" label="车辆离岗闸口"/>
+      <el-table-column prop="vehicle_departure_time" 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>
+</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: {
+        LICENCE_NO: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: '',
+        IS_DANGEROUS_CAR: '1',
+        CORPINFO_ID: this.$parent.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(
+        '/mkmjManagement/getCarExitRecords?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.recordList
+        this.total = data.page.totalResult
+        this.hasButton()
+        this.pd = data.pd
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/freightVehicles/dangerousCar/index.vue b/src/views/freightVehicles/dangerousCar/index.vue
new file mode 100644
index 0000000..9400590
--- /dev/null
+++ b/src/views/freightVehicles/dangerousCar/index.vue
@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <CorpList v-show="activeName==='CorpList'" ref="CorpList" />
+    <List v-if="activeName==='List'" />
+  </div>
+</template>
+
+<script>
+import List from './components/list'
+import CorpList from "./components/corpList";
+export default {
+  components: {
+    CorpList: CorpList,
+    List: List
+  },
+  data() {
+    return {
+      activeName: 'CorpList',
+      USER_ID: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/freightVehicles/filingAudit/components/list.vue b/src/views/freightVehicles/filingAudit/components/list.vue
new file mode 100644
index 0000000..17b85ee
--- /dev/null
+++ b/src/views/freightVehicles/filingAudit/components/list.vue
@@ -0,0 +1,209 @@
+<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.LICENCE_NO" 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="center" width="120">
+        <template slot-scope="{row}">
+          {{ getType(row.IS_AUDIT) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button type="success" icon="el-icon-view" size="mini" @click="detail(row)">查看详情</el-button>
+          <el-button v-if="row.IS_AUDIT === '0' || row.IS_AUDIT == null" type="success" icon="el-icon-view" size="mini" @click="approve(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>
+    <send-util ref="sendUtil" append-to-body @refresh="getList"/>
+
+    <el-dialog
+      title="车队详情"
+      :visible.sync="dialogVisible"
+      width="50%"
+      :before-close="handleClose">
+      <el-tabs v-model="activeTab">
+        <el-tab-pane label="智能口门管理系统账号申请单" name="application">
+          <div v-if="varList.REQUISITION_FILE">
+            <pre>{{ config.fileUrl + varList.REQUISITION_FILE }}</pre>
+          </div>
+          <div v-else>
+            暂无数据
+          </div>
+        </el-tab-pane>
+        <el-tab-pane label="智能口门管理系统使用承诺书" name="commitment">
+          <div v-if="detailData.commitment">
+            <pre>{{ detailData.commitment }}</pre>
+          </div>
+          <div v-else>
+            暂无数据
+          </div>
+        </el-tab-pane>
+        <el-tab-pane label="营业执照" name="businessLicense">
+          <div v-if="detailData.businessLicense">
+            <img :src="detailData.businessLicense" alt="营业执照" style="max-width: 100%;">
+          </div>
+          <div v-else>
+            暂无数据
+          </div>
+        </el-tab-pane>
+        <el-tab-pane label="道路运输经营许可证" name="transportLicense">
+          <div v-if="detailData.transportLicense">
+            <img :src="detailData.transportLicense" alt="道路运输经营许可证" style="max-width: 100%;">
+          </div>
+          <div v-else>
+            暂无数据
+          </div>
+        </el-tab-pane>
+        <el-tab-pane label="危险化学品经营许可证" name="chemicalLicense">
+          <div v-if="detailData.chemicalLicense">
+            <img :src="detailData.chemicalLicense" alt="危险化学品经营许可证" style="max-width: 100%;">
+          </div>
+          <div v-else>
+            暂无数据
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+      <span slot="footer" class="dialog-footer">
+    <el-button @click="dialogVisible = false">关闭</el-button>
+  </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import SendUtil from './sendUtil.vue'
+export default{
+  components: { SendUtil, Pagination },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      config: config,
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      total: 0,
+      title: '',
+      isShow: false,
+      detailData: {}, // 用于存储当前行的详细信息
+      dialogVisible: false, // 控制弹窗的显示与隐藏
+      activeTab: 'application', // 默认激活的标签页
+      form: {
+        LICENCE_NO: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: '',
+        IS_DANGEROUS_CAR: '1',
+        CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    detail(row) {
+      this.detailData = row; // 将当前行的数据保存到 detailData 中
+      this.dialogVisible = true; // 打开弹窗
+    },
+    approve(row) {
+      this.$refs.sendUtil.init(row)
+    },
+    getType(AUDIT_TYPE) {
+      if (AUDIT_TYPE === '0' || AUDIT_TYPE == null) {
+        return '待审核'
+      } else if (AUDIT_TYPE === '1') {
+        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()
+    },
+    handleClose(done) {
+      this.dialogVisible = false;
+      done();
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/getAllFilingList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.filingList
+        this.total = data.page.totalResult
+        this.hasButton()
+        this.pd = data.pd
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/freightVehicles/filingAudit/components/sendUtil.vue b/src/views/freightVehicles/filingAudit/components/sendUtil.vue
new file mode 100644
index 0000000..f7d54b0
--- /dev/null
+++ b/src/views/freightVehicles/filingAudit/components/sendUtil.vue
@@ -0,0 +1,182 @@
+<template>
+  <div>
+    <el-dialog
+      v-loading="loading"
+      :visible.sync="visible"
+      :append-to-body="appendToBody"
+      :before-close="beforeClose"
+      title="审批"
+      width="1200px"
+      destroy-on-close>
+      <el-form ref="form" :model="form" :rules="rules" label-width="200px" label-position="right" type="flex">
+        <el-row :gutter="12">
+          <el-col :span="12">
+            <el-form-item prop="STATUS" label="是否通过: ">
+              <el-select v-model="form.STATUS" filterable style="width: 300px" placeholder="请选择" @change="handleStatusChange">
+                <el-option label="是" value="1"/>
+                <el-option label="否" value="2"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col v-if="form.STATUS === '2'" :span="24">
+            <el-form-item v-if="form.STATUS === '2'" prop="OPINION" label="打回原因:">
+              <el-input v-model="form.OPINION" :rows="2" type="textarea" placeholder="填写审批意见"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="handleClose">关 闭</el-button>
+        <el-button type="primary" @click="sendMessage">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import vueQr from 'vue-qr'
+import Treeselect from '@riophae/vue-treeselect'
+import uploadFile from '../../../util/uploadFile/index.vue'
+import { requestFN } from '@/utils/request'
+export default {
+  components: { uploadFile, Treeselect, vueQr },
+  props: {
+    appendToBody: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      VEHICLE_ID: '',
+      visible: false,
+      loading: false,
+      form: {
+        AUDITOR_ID: '',
+        CORPINFO_ID: '',
+        STATUS: null,
+        APPOINT_CORP_ID: '',
+        APPOINT_CORP_NAME: '',
+        APPOINT_DEPARTMENT_ID: null,
+        APPOINT_DEPARTMENT_NAME: '',
+        APPOINT_USER_ID: null,
+        APPOINT_USER_NAME: '',
+        OPINION: '',
+        APPOINT_ANNEX: [],
+        user: '',
+        tm: new Date().getTime(),
+        list: [],
+        isShow: true,
+        info: {},
+        BACK_NAME: '',
+        BACK_STEP: ''
+      },
+      rules: {
+        STATUS: [
+          { required: true, message: '请选择是否通过', trigger: 'change' }
+        ],
+        OPINION: [
+          { required: true, message: '请填写打回原因', trigger: 'change' }
+        ]
+      },
+      heirloom: {},
+
+      normalizer(node) {
+        return {
+          id: node.id,
+          label: node.name,
+          children: node.nodes
+        }
+      },
+      corpList: [], // 公司列表
+      personList: [], // 审核人
+      departmentTree: [],
+      peopleList: [],
+      corpFlag: false,
+      menu: {
+        department: '',
+        user: '',
+        uploadFile: '',
+        limitFlag: ''
+      },
+      step: 0,
+      list: [],
+      ACCESS_AUDIT_ID: ''
+    }
+  },
+  methods: {
+    async init(e) {
+      console.log(e)
+      this.loading = true
+      this.visible = true
+      this.FILING_APPLICATION_ID = e.FILING_APPLICATION_ID
+      this.loading = false
+    },
+    beforeClose() {
+      this.handleClose()
+    },
+    handleClose() {
+      this.form = {
+        STATUS: '',
+        APPOINT_DEPARTMENT_ID: null,
+        APPOINT_DEPARTMENT_NAME: '',
+        APPOINT_USER_ID: '',
+        APPOINT_USER_NAME: '',
+        OPINION: '',
+        user: '',
+        list: [],
+        tm: new Date().getTime()
+      }
+      this.visible = false
+    },
+    goDetail() {
+      this.$parent.activeName = 'List'
+    },
+    sendMessage() {
+      requestFN(
+        '/mkmjManagement/filingAudit',
+        {
+          AUDITOR: JSON.parse(sessionStorage.getItem('user')).USER_ID,
+          FILING_APPLICATION_ID: this.FILING_APPLICATION_ID,
+          IS_AUDIT: this.form.STATUS,
+          REMARK: this.form.OPINION
+        }
+      ).then((data) => {
+        this.visible = false
+        this.$emit('refresh', '')
+      }).catch((e) => {
+        this.loading = false
+      })
+    },
+    handleStatusChange(){
+      this.getCorpList()
+    },
+    getCorpList(){
+      requestFN(
+        '/mkmjManagement/getCorpList'
+      ).then((data) => {
+        this.corpList = data.corpList
+      }).catch((e) => {
+        this.loading = false
+      })
+    },
+    handleCompanyChange(corpId){
+      this.getAuditorList(corpId);
+    },
+    getAuditorList(corpId) {
+      // 调用接口获取审核人列表
+      requestFN('/mkmjManagement/getPersonList',
+        { CORPINFO_ID: corpId }
+      ).then(response => {
+        this.personList = response.personList;
+      });
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/views/freightVehicles/filingAudit/index.vue b/src/views/freightVehicles/filingAudit/index.vue
new file mode 100644
index 0000000..6a88239
--- /dev/null
+++ b/src/views/freightVehicles/filingAudit/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>
diff --git a/src/views/freightVehicles/index.vue b/src/views/freightVehicles/index.vue
new file mode 100644
index 0000000..98240ae
--- /dev/null
+++ b/src/views/freightVehicles/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>
diff --git a/src/views/freightVehicles/ordinaryCar/components/corpList.vue b/src/views/freightVehicles/ordinaryCar/components/corpList.vue
new file mode 100644
index 0000000..7ede60e
--- /dev/null
+++ b/src/views/freightVehicles/ordinaryCar/components/corpList.vue
@@ -0,0 +1,121 @@
+<template>
+  <div class="app-container">
+    <el-form label-width="90px">
+      <el-row>
+        <el-col :span="4">
+          <el-form-item label="分公司名称">
+            <el-input v-model="searchForm.CORP_NAME" placeholder="分公司名称"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label-width="10px">
+            <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="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <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 type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="CORP_NAME" label="分公司名称" />
+      <el-table-column prop="SOCIAL_CODE" label="统一社会信用代码" />
+      <el-table-column prop="COMPANY_AREA" label="所属地区" />
+      <el-table-column prop="STATE" label="企业状态" />
+      <el-table-column prop="USER_COUNT" label="企业人数" />
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button type="success" icon="el-icon-view" size="mini" @click="handleEdit(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 SelectTree from '@/components/SelectTree'
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default {
+  components: {Pagination, SelectTree },
+  directives: { waves },
+  data() {
+    return {
+      listLoading: true,
+      CORPINFO_ID: '',
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      searchForm: {
+        CORP_NAME: ''
+      },
+      total: 0,
+      varList: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.CORPINFO_ID
+    },
+    // 搜索
+    getQuery() {
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/getXgfCorpList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          ...this.searchForm
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.corpList
+        this.total = data.page.totalResult
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    // 查看
+    handleEdit(row) {
+      console.log('--------------------------')
+      console.log(row.CORPINFO_ID)
+      this.$parent.activeName = 'List'
+      this.$parent.CORPINFO_ID = row.CORPINFO_ID
+    },
+    goKeyReset() {
+      this.searchForm = {
+        CORP_NAME: ''
+      }
+      this.getList()
+    }
+  }
+}
+</script>
diff --git a/src/views/freightVehicles/ordinaryCar/components/list.vue b/src/views/freightVehicles/ordinaryCar/components/list.vue
new file mode 100644
index 0000000..45e4657
--- /dev/null
+++ b/src/views/freightVehicles/ordinaryCar/components/list.vue
@@ -0,0 +1,128 @@
+<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.LICENCE_NO" 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="LICENCE_TYPE" label="车牌类型"/>
+      <el-table-column prop="VEHICLE_TYPE" label="车辆类型"/>
+      <el-table-column prop="vehicle_arrival_barrier" label="车辆入港闸口"/>
+      <el-table-column prop="vehicle_arrival_time" label="车辆入港时间"/>
+      <el-table-column prop="vehicle_departure_barrier" label="车辆离岗闸口"/>
+      <el-table-column prop="vehicle_departure_time" 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>
+</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: {
+        LICENCE_NO: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: '',
+        IS_DANGEROUS_CAR: '0',
+        CORPINFO_ID: this.$parent.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(
+        '/mkmjManagement/getCarExitRecords?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        this.listLoading = false
+        this.varList = data.recordList
+        this.total = data.page.totalResult
+        this.hasButton()
+        this.pd = data.pd
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/freightVehicles/ordinaryCar/index.vue b/src/views/freightVehicles/ordinaryCar/index.vue
new file mode 100644
index 0000000..9400590
--- /dev/null
+++ b/src/views/freightVehicles/ordinaryCar/index.vue
@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <CorpList v-show="activeName==='CorpList'" ref="CorpList" />
+    <List v-if="activeName==='List'" />
+  </div>
+</template>
+
+<script>
+import List from './components/list'
+import CorpList from "./components/corpList";
+export default {
+  components: {
+    CorpList: CorpList,
+    List: List
+  },
+  data() {
+    return {
+      activeName: 'CorpList',
+      USER_ID: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/freightVehicles/publicAuidt/components/list.vue b/src/views/freightVehicles/publicAuidt/components/list.vue
new file mode 100644
index 0000000..9866a95
--- /dev/null
+++ b/src/views/freightVehicles/publicAuidt/components/list.vue
@@ -0,0 +1,152 @@
+<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.LICENCE_NO" 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="LICENCE_TYPE" label="车牌类型"/>
+      <el-table-column prop="VEHICLE_TYPE" label="车辆类型"/>
+      <el-table-column prop="CONTACT" label="联系人"/>
+      <el-table-column prop="PHONE" label="联系人电话"/>
+      <el-table-column label="审核状态" align="center" width="120">
+        <template slot-scope="{row}">
+          {{ getType(row.IS_AUDIT) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button v-if="row.IS_AUDIT === '0'" type="success" icon="el-icon-view" size="mini" @click="approve(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>
+    <send-util ref="sendUtil" append-to-body @refresh="getList"/>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import SendUtil from './sendUtil.vue'
+export default{
+  components: { SendUtil, Pagination },
+  data() {
+    return {
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      areaList: [], // 省市县列表
+      placeList: [],
+      listLoading: true,
+      varList: [],
+      total: 0,
+      title: '',
+      isShow: false,
+      form: {
+        LICENCE_NO: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: '',
+        IS_DANGEROUS_CAR: '1',
+        CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    approve(row) {
+      this.$refs.sendUtil.init(row)
+    },
+    getType(AUDIT_TYPE) {
+      if (AUDIT_TYPE === '0') {
+        return '待交警支队审核'
+      } else if (AUDIT_TYPE === '1') {
+        return '待分公司审核'
+      } else if (AUDIT_TYPE === '2') {
+        return '审核通过'
+      } else if (AUDIT_TYPE === '3') {
+        return '审核驳回'
+      }
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.multipleTable.clearSelection()
+      this.getList()
+    },
+    // 重置
+    reset() {
+      this.form = {
+        USER_NAME: '',
+        PHONE: '',
+        ID_CARD: '',
+        CORPINFO_NAME: '',
+        DEPARTMENT_NAME: '',
+        VISIT_START_TIME: '',
+        VISIT_END_TIME: '',
+        DOOR_NAME: ''
+      }
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/mkmjManagement/freightVehiclesAudit?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
+      })
+    }
+  }
+
+}
+</script>
+
diff --git a/src/views/freightVehicles/publicAuidt/components/sendUtil.vue b/src/views/freightVehicles/publicAuidt/components/sendUtil.vue
new file mode 100644
index 0000000..a3e8889
--- /dev/null
+++ b/src/views/freightVehicles/publicAuidt/components/sendUtil.vue
@@ -0,0 +1,211 @@
+<template>
+  <div>
+    <el-dialog
+      v-loading="loading"
+      :visible.sync="visible"
+      :append-to-body="appendToBody"
+      :before-close="beforeClose"
+      title="审批"
+      width="1200px"
+      destroy-on-close>
+      <el-form ref="form" :model="form" :rules="rules" label-width="200px" label-position="right" type="flex">
+        <el-row :gutter="12">
+          <el-col :span="12">
+            <el-form-item prop="STATUS" label="是否通过: ">
+              <el-select v-model="form.STATUS" filterable style="width: 300px" placeholder="请选择" @change="handleStatusChange">
+                <el-option label="是" value="1"/>
+                <el-option label="否" value="3"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 审核人公司及审核人联动下拉框 -->
+        <el-row v-if="form.STATUS === '1'" :gutter="12">
+          <el-col :span="12">
+            <el-form-item prop="COMPANY" label="审核人公司: ">
+              <el-select v-model="form.CORPINFO_ID" filterable style="width: 300px" placeholder="请选择审核人公司" @change="handleCompanyChange">
+                <el-option
+                  v-for="company in corpList"
+                  :key="company.CORPINFO_ID"
+                  :label="company.CORP_NAME"
+                  :value="company.CORPINFO_ID"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item prop="AUDITOR" label="审核人: ">
+              <el-select v-model="form.AUDITOR_ID" filterable style="width: 300px" placeholder="请选择审核人">
+                <el-option
+                  v-for="auditor in personList"
+                  :key="auditor.USER_ID"
+                  :label="auditor.USERNAME"
+                  :value="auditor.USER_ID"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col v-if="form.STATUS === '3'" :span="24">
+            <el-form-item v-if="form.STATUS === '3'" prop="OPINION" label="打回原因:">
+              <el-input v-model="form.OPINION" :rows="2" type="textarea" placeholder="填写审批意见"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="handleClose">关 闭</el-button>
+        <el-button type="primary" @click="sendMessage">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import vueQr from 'vue-qr'
+import Treeselect from '@riophae/vue-treeselect'
+import uploadFile from '../../../util/uploadFile/index.vue'
+import { requestFN } from '@/utils/request'
+export default {
+  components: { uploadFile, Treeselect, vueQr },
+  props: {
+    appendToBody: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      VEHICLE_ID: '',
+      visible: false,
+      loading: false,
+      form: {
+        AUDITOR_ID: '',
+        CORPINFO_ID: '',
+        STATUS: null,
+        APPOINT_CORP_ID: '',
+        APPOINT_CORP_NAME: '',
+        APPOINT_DEPARTMENT_ID: null,
+        APPOINT_DEPARTMENT_NAME: '',
+        APPOINT_USER_ID: null,
+        APPOINT_USER_NAME: '',
+        OPINION: '',
+        APPOINT_ANNEX: [],
+        user: '',
+        tm: new Date().getTime(),
+        list: [],
+        isShow: true,
+        info: {},
+        BACK_NAME: '',
+        BACK_STEP: ''
+      },
+      rules: {
+        STATUS: [
+          { required: true, message: '请选择是否通过', trigger: 'change' }
+        ],
+        OPINION: [
+          { required: true, message: '请填写打回原因', trigger: 'change' }
+        ]
+      },
+      heirloom: {},
+
+      normalizer(node) {
+        return {
+          id: node.id,
+          label: node.name,
+          children: node.nodes
+        }
+      },
+      corpList: [], // 公司列表
+      personList: [], // 审核人
+      departmentTree: [],
+      peopleList: [],
+      corpFlag: false,
+      menu: {
+        department: '',
+        user: '',
+        uploadFile: '',
+        limitFlag: ''
+      },
+      step: 0,
+      list: [],
+      ACCESS_AUDIT_ID: ''
+    }
+  },
+  methods: {
+    async init(e) {
+      console.log(e)
+      this.loading = true
+      this.visible = true
+      this.VEHICLE_ID = e.VEHICLE_ID
+      this.loading = false
+    },
+    beforeClose() {
+      this.handleClose()
+    },
+    handleClose() {
+      this.form = {
+        STATUS: '',
+        APPOINT_DEPARTMENT_ID: null,
+        APPOINT_DEPARTMENT_NAME: '',
+        APPOINT_USER_ID: '',
+        APPOINT_USER_NAME: '',
+        OPINION: '',
+        user: '',
+        list: [],
+        tm: new Date().getTime()
+      }
+      this.visible = false
+    },
+    goDetail() {
+      this.$parent.activeName = 'List'
+    },
+    sendMessage() {
+      requestFN(
+        '/mkmjManagement/motorcadeAudit',
+        {
+          AUDITOR: JSON.parse(sessionStorage.getItem('user')).USER_ID,
+          VEHICLE_ID: this.VEHICLE_ID,
+          IS_AUDIT: this.form.STATUS,
+          REMARK: this.form.OPINION,
+          QY_AUDITOR: this.form.AUDITOR_ID
+        }
+      ).then((data) => {
+        this.visible = false
+        this.$emit('refresh', '')
+      }).catch((e) => {
+        this.loading = false
+      })
+    },
+    handleStatusChange(){
+      this.getCorpList()
+    },
+    getCorpList(){
+      requestFN(
+        '/mkmjManagement/getCorpList'
+      ).then((data) => {
+        this.corpList = data.corpList
+      }).catch((e) => {
+        this.loading = false
+      })
+    },
+    handleCompanyChange(corpId){
+      this.getAuditorList(corpId);
+    },
+    getAuditorList(corpId) {
+      // 调用接口获取审核人列表
+      requestFN('/mkmjManagement/getPersonList',
+        { CORPINFO_ID: corpId }
+      ).then(response => {
+        this.personList = response.personList;
+      });
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/views/freightVehicles/publicAuidt/index.vue b/src/views/freightVehicles/publicAuidt/index.vue
new file mode 100644
index 0000000..6a88239
--- /dev/null
+++ b/src/views/freightVehicles/publicAuidt/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>
diff --git a/src/views/longtermvehicle/jgCarMessage/components/car_view.vue b/src/views/longtermvehicle/jgCarMessage/components/car_view.vue
index d924c50..b8f0d4e 100644
--- a/src/views/longtermvehicle/jgCarMessage/components/car_view.vue
+++ b/src/views/longtermvehicle/jgCarMessage/components/car_view.vue
@@ -110,7 +110,7 @@
         </el-table>
         <div class="page-btn-group">
           <div>
-            <el-button type="primary" icon="el-icon-plus" @click="openAddDialogAddBtn">新增</el-button>
+<!--            <el-button type="primary" icon="el-icon-plus" @click="openAddDialogAddBtn">新增</el-button>-->
           </div>
           <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getPageList" />
         </div>
diff --git a/src/views/longtermvehicle/vehiclemessage/components/index_view.vue b/src/views/longtermvehicle/vehiclemessage/components/index_view.vue
index f086c01..3d67dbd 100644
--- a/src/views/longtermvehicle/vehiclemessage/components/index_view.vue
+++ b/src/views/longtermvehicle/vehiclemessage/components/index_view.vue
@@ -110,7 +110,7 @@
         </el-table>
         <div class="page-btn-group">
           <div>
-            <el-button type="primary" icon="el-icon-plus" @click="openAddDialogAddBtn">新增</el-button>
+<!--            <el-button type="primary" icon="el-icon-plus" @click="openAddDialogAddBtn">新增</el-button>-->
           </div>
           <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getPageList" />
         </div>
diff --git a/src/views/longtermvehicle/xgfCarMessage/components/car_view.vue b/src/views/longtermvehicle/xgfCarMessage/components/car_view.vue
index 6b5ddc9..68190ab 100644
--- a/src/views/longtermvehicle/xgfCarMessage/components/car_view.vue
+++ b/src/views/longtermvehicle/xgfCarMessage/components/car_view.vue
@@ -110,7 +110,7 @@
         </el-table>
         <div class="page-btn-group">
           <div>
-            <el-button type="primary" icon="el-icon-plus" @click="openAddDialogAddBtn">新增</el-button>
+<!--            <el-button type="primary" icon="el-icon-plus" @click="openAddDialogAddBtn">新增</el-button>-->
           </div>
           <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getPageList" />
         </div>
diff --git a/src/views/longtermvehicle/zgCarMessage/components/car_view.vue b/src/views/longtermvehicle/zgCarMessage/components/car_view.vue
index 6b5ddc9..68190ab 100644
--- a/src/views/longtermvehicle/zgCarMessage/components/car_view.vue
+++ b/src/views/longtermvehicle/zgCarMessage/components/car_view.vue
@@ -110,7 +110,7 @@
         </el-table>
         <div class="page-btn-group">
           <div>
-            <el-button type="primary" icon="el-icon-plus" @click="openAddDialogAddBtn">新增</el-button>
+<!--            <el-button type="primary" icon="el-icon-plus" @click="openAddDialogAddBtn">新增</el-button>-->
           </div>
           <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getPageList" />
         </div>

From f51ac24f4665f249ac24aa0b8a905f949d97282f Mon Sep 17 00:00:00 2001
From: huangyuxuan <huangyuxuan@zcloudchina.com>
Date: Fri, 10 Jan 2025 19:55:35 +0800
Subject: [PATCH 6/7] =?UTF-8?q?[=E6=96=B0=E5=A2=9E=E5=8A=9F=E8=83=BD](hyx?=
 =?UTF-8?q?=5F=E9=97=A8=E5=8F=A3=E9=97=A8=E7=A6=81):=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=9B=B8=E5=85=B3?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../filingAudit/components/list.vue           | 57 ++++++++++++-------
 1 file changed, 38 insertions(+), 19 deletions(-)

diff --git a/src/views/freightVehicles/filingAudit/components/list.vue b/src/views/freightVehicles/filingAudit/components/list.vue
index 17b85ee..b277e5d 100644
--- a/src/views/freightVehicles/filingAudit/components/list.vue
+++ b/src/views/freightVehicles/filingAudit/components/list.vue
@@ -9,7 +9,8 @@
             </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="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>
@@ -34,7 +35,7 @@
         type="selection"
         width="55"
         align="center"/>
-      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column type="index" label="序号" width="50" align="center"/>
       <el-table-column prop="MOTORCADE_NAME" label="车队名称"/>
       <el-table-column label="审核状态" align="center" width="120">
         <template slot-scope="{row}">
@@ -44,13 +45,16 @@
       <el-table-column label="操作" align="left" width="110">
         <template slot-scope="{row}">
           <el-button type="success" icon="el-icon-view" size="mini" @click="detail(row)">查看详情</el-button>
-          <el-button v-if="row.IS_AUDIT === '0' || row.IS_AUDIT == null" type="success" icon="el-icon-view" size="mini" @click="approve(row)">审核</el-button>
+          <el-button v-if="row.IS_AUDIT === '0' || row.IS_AUDIT == null" type="success" icon="el-icon-view" size="mini"
+                     @click="approve(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/>
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList"/>
     </div>
     <send-util ref="sendUtil" append-to-body @refresh="getList"/>
 
@@ -61,40 +65,40 @@
       :before-close="handleClose">
       <el-tabs v-model="activeTab">
         <el-tab-pane label="智能口门管理系统账号申请单" name="application">
-          <div v-if="varList.REQUISITION_FILE">
-            <pre>{{ config.fileUrl + varList.REQUISITION_FILE }}</pre>
+          <div v-if="fileList && fileList[0] && fileList[0].REQUISITION_FILE">
+            <img :src="config.fileUrl + fileList[0].REQUISITION_FILE" style="max-width: 100%;">
           </div>
           <div v-else>
             暂无数据
           </div>
         </el-tab-pane>
         <el-tab-pane label="智能口门管理系统使用承诺书" name="commitment">
-          <div v-if="detailData.commitment">
-            <pre>{{ detailData.commitment }}</pre>
+          <div v-if="fileList && fileList[0] && fileList[0].COMMITMENT_FILE">
+            <img :src="config.fileUrl + fileList[0].COMMITMENT_FILE" style="max-width: 100%;">
           </div>
           <div v-else>
             暂无数据
           </div>
         </el-tab-pane>
         <el-tab-pane label="营业执照" name="businessLicense">
-          <div v-if="detailData.businessLicense">
-            <img :src="detailData.businessLicense" alt="营业执照" style="max-width: 100%;">
+          <div v-if="fileList && fileList[0] && fileList[0].LICENSE_FILE">
+            <img :src="config.fileUrl + fileList[0].LICENSE_FILE" style="max-width: 100%;">
           </div>
           <div v-else>
             暂无数据
           </div>
         </el-tab-pane>
         <el-tab-pane label="道路运输经营许可证" name="transportLicense">
-          <div v-if="detailData.transportLicense">
-            <img :src="detailData.transportLicense" alt="道路运输经营许可证" style="max-width: 100%;">
+          <div v-if="fileList && fileList[0] && fileList[0].TRANSPORT_PERMIT_FILE">
+            <img :src="config.fileUrl + fileList[0].TRANSPORT_PERMIT_FILE" style="max-width: 100%;">
           </div>
           <div v-else>
             暂无数据
           </div>
         </el-tab-pane>
         <el-tab-pane label="危险化学品经营许可证" name="chemicalLicense">
-          <div v-if="detailData.chemicalLicense">
-            <img :src="detailData.chemicalLicense" alt="危险化学品经营许可证" style="max-width: 100%;">
+          <div v-if="fileList && fileList[0] && fileList[0].HAZARDOUS_CHEMICALS_FILE">
+            <img :src="config.fileUrl + fileList[0].HAZARDOUS_CHEMICALS_FILE" style="max-width: 100%;">
           </div>
           <div v-else>
             暂无数据
@@ -110,10 +114,10 @@
 
 <script>
 import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
-import { requestFN } from '@/utils/request'
+import {requestFN} from '@/utils/request'
 import SendUtil from './sendUtil.vue'
-export default{
-  components: { SendUtil, Pagination },
+export default {
+  components: {SendUtil, Pagination},
   data() {
     return {
       listQuery: {
@@ -128,6 +132,7 @@ export default{
       total: 0,
       title: '',
       isShow: false,
+      fileList: [],
       detailData: {}, // 用于存储当前行的详细信息
       dialogVisible: false, // 控制弹窗的显示与隐藏
       activeTab: 'application', // 默认激活的标签页
@@ -135,6 +140,7 @@ export default{
         LICENCE_NO: '',
         PHONE: '',
         ID_CARD: '',
+        MOTORCADE_ID: '',
         CORPINFO_NAME: '',
         DEPARTMENT_NAME: '',
         VISIT_START_TIME: '',
@@ -150,7 +156,8 @@ export default{
   },
   methods: {
     detail(row) {
-      this.detailData = row; // 将当前行的数据保存到 detailData 中
+      this.form.MOTORCADE_ID = row.MOTORCADE_ID
+      this.getFileList()
       this.dialogVisible = true; // 打开弹窗
     },
     approve(row) {
@@ -201,6 +208,18 @@ export default{
       }).catch((e) => {
         this.listLoading = false
       })
+    },
+    getFileList() {
+      requestFN(
+        '/mkmjManagement/getAllFilingList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        console.log(config.fileUrl)
+        this.fileList = data.filingList
+      })
+    },
+    getRowKey() {
+
     }
   }
 

From 08b7954ffbbd69cb6ec27b323970c1969e955c7b Mon Sep 17 00:00:00 2001
From: huangyuxuan <huangyuxuan@zcloudchina.com>
Date: Tue, 14 Jan 2025 09:56:01 +0800
Subject: [PATCH 7/7] =?UTF-8?q?[=E6=96=B0=E5=A2=9E=E5=8A=9F=E8=83=BD](hyx?=
 =?UTF-8?q?=5F=E9=97=A8=E5=8F=A3=E9=97=A8=E7=A6=81):=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=9B=B8=E5=85=B3?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../filingAudit/components/list.vue           |  3 ++-
 .../publicAuidt/components/list.vue           | 22 ++++++++++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/views/freightVehicles/filingAudit/components/list.vue b/src/views/freightVehicles/filingAudit/components/list.vue
index b277e5d..e586c69 100644
--- a/src/views/freightVehicles/filingAudit/components/list.vue
+++ b/src/views/freightVehicles/filingAudit/components/list.vue
@@ -42,7 +42,7 @@
           {{ getType(row.IS_AUDIT) }}
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="left" width="110">
+      <el-table-column label="操作" align="left" width="300">
         <template slot-scope="{row}">
           <el-button type="success" icon="el-icon-view" size="mini" @click="detail(row)">查看详情</el-button>
           <el-button v-if="row.IS_AUDIT === '0' || row.IS_AUDIT == null" type="success" icon="el-icon-view" size="mini"
@@ -216,6 +216,7 @@ export default {
         console.log(data)
         console.log(config.fileUrl)
         this.fileList = data.filingList
+        this.form.MOTORCADE_ID = ''
       })
     },
     getRowKey() {
diff --git a/src/views/freightVehicles/publicAuidt/components/list.vue b/src/views/freightVehicles/publicAuidt/components/list.vue
index 9866a95..5b7a103 100644
--- a/src/views/freightVehicles/publicAuidt/components/list.vue
+++ b/src/views/freightVehicles/publicAuidt/components/list.vue
@@ -47,7 +47,7 @@
       </el-table-column>
       <el-table-column label="操作" align="left" width="110">
         <template slot-scope="{row}">
-          <el-button v-if="row.IS_AUDIT === '0'" type="success" icon="el-icon-view" size="mini" @click="approve(row)">审核</el-button>
+          <el-button v-if="checkButton(row)" type="success" icon="el-icon-view" size="mini" @click="approve(row)">审核</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -71,6 +71,7 @@ export default{
         page: 1,
         limit: 10
       },
+      IS_POLICE: '',
       areaList: [], // 省市县列表
       placeList: [],
       listLoading: true,
@@ -94,8 +95,19 @@ export default{
   },
   created() {
     this.getList()
+    this.getPermissions()
   },
   methods: {
+    checkButton(row){
+      console.log('---------------------')
+      console.log('row.IS_AUDIT:', row.IS_AUDIT); // 添加日志输出
+      console.log('this.IS_POLICE:', this.IS_POLICE); // 添加日志输出
+      if (row.IS_AUDIT === '0' && this.IS_POLICE === '1'){
+        return true
+      }else {
+        return false
+      }
+    },
     approve(row) {
       this.$refs.sendUtil.init(row)
     },
@@ -144,6 +156,14 @@ export default{
       }).catch((e) => {
         this.listLoading = false
       })
+    },
+    getPermissions(){
+      requestFN(
+        '/mkmjManagement/getPermissions'
+      ).then((data) => {
+        this.IS_POLICE = data.pageData.IS_POLICE
+        console.log('IS_POLICE:', this.IS_POLICE)
+      })
     }
   }