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