parent
d35acf3e44
commit
f3ee48b330
|
|
@ -0,0 +1,417 @@
|
|||
<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 icon="el-icon-view" size="mini" @click="showDetail(row.VEHICLE_ID)">查看</el-button>
|
||||
<el-button type="success" icon="Check" size="mini" @click="approve(row)">审核</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="page-btn-group">
|
||||
<div/>
|
||||
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getPageList" />
|
||||
</div>
|
||||
<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>
|
||||
<Send-util ref="sendUtil" append-to-body @refresh="getPageList"/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
|
||||
import { requestFN } from '@/utils/request'
|
||||
import waves from '@/directive/waves' // waves directive
|
||||
import WriteSign from '@/components/WriteSign'
|
||||
import SelectTree from '@/components/SelectTree'
|
||||
import safetyFlowChart from '../../../hiddenUtil/safetyFlowChart'
|
||||
import SendUtil from './sendUtil.vue'
|
||||
export default {
|
||||
components: { SendUtil, Pagination, WriteSign, safetyFlowChart, 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(
|
||||
'vehiclemessage/getPageList?showCount=' + this.listQuery.limit + '¤tPage=' + this.listQuery.page,
|
||||
{
|
||||
...this.searchFrom,
|
||||
'CORPINFO_ID': this.loginUserInfo.CORPINFO_ID,
|
||||
'loginUserId': this.loginUserInfo.USER_ID,
|
||||
'roleName': this.loginUserInfo.ROLE_NAME,
|
||||
IS_AUDIT: 0
|
||||
}
|
||||
).then((data) => {
|
||||
this.listLoading = false
|
||||
this.varList = data.varList
|
||||
this.total = data.page.totalResult
|
||||
this.roleName = data.roleName
|
||||
// this.hasButton()
|
||||
this.pd = data.pd
|
||||
}).catch((e) => {
|
||||
this.listLoading = false
|
||||
})
|
||||
},
|
||||
// 查看弹窗的返回按钮
|
||||
detailDialogReturnBtn() {
|
||||
this.detailDialogVisible = 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 = '' // 车辆所属人姓名
|
||||
}
|
||||
},
|
||||
// 修改弹窗的确定按钮
|
||||
|
||||
// 获得部门树
|
||||
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()
|
||||
},
|
||||
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
|
||||
})
|
||||
},
|
||||
resetForm(row) {
|
||||
this.searchFrom = {
|
||||
LICENCE_NO: '', // 车牌号
|
||||
VEHICLE_TYPE: '', // 车辆类型
|
||||
VEHICLE_DEPARTMENT_ID: '' // 车辆所属部门
|
||||
}
|
||||
},
|
||||
approve(row) {
|
||||
this.$refs.sendUtil.init(row)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,150 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-loading="loading"
|
||||
:visible.sync="visible"
|
||||
:append-to-body="appendToBody"
|
||||
:before-close="beforeClose"
|
||||
title="审批"
|
||||
width="1200px"
|
||||
destroy-on-close>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="200px" label-position="right" type="flex">
|
||||
<el-row :gutter="12">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="STATUS" label="是否通过: ">
|
||||
<el-select v-model="form.STATUS" filterable style="width: 300px" placeholder="请选择" @change="clearInfo">
|
||||
<el-option label="是" value="1"/>
|
||||
<el-option label="否" value="2"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col v-if="form.STATUS === '2'" :span="24">
|
||||
<el-form-item v-if="form.STATUS === '2'" prop="OPINION" label="打回原因:">
|
||||
<el-input v-model="form.OPINION" :rows="2" type="textarea" placeholder="填写审批意见"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="handleClose">关 闭</el-button>
|
||||
<el-button type="primary" @click="sendMessage">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import vueQr from 'vue-qr'
|
||||
import Treeselect from '@riophae/vue-treeselect'
|
||||
import uploadFile from '../../../util/uploadFile/index.vue'
|
||||
import { requestFN } from '@/utils/request'
|
||||
export default {
|
||||
components: { uploadFile, Treeselect, vueQr },
|
||||
props: {
|
||||
appendToBody: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
loading: false,
|
||||
form: {
|
||||
STATUS: null,
|
||||
APPOINT_CORP_ID: '',
|
||||
APPOINT_CORP_NAME: '',
|
||||
APPOINT_DEPARTMENT_ID: null,
|
||||
APPOINT_DEPARTMENT_NAME: '',
|
||||
APPOINT_USER_ID: null,
|
||||
APPOINT_USER_NAME: '',
|
||||
OPINION: '',
|
||||
APPOINT_ANNEX: [],
|
||||
user: '',
|
||||
tm: new Date().getTime(),
|
||||
list: [],
|
||||
isShow: true,
|
||||
info: {},
|
||||
BACK_NAME: '',
|
||||
BACK_STEP: ''
|
||||
},
|
||||
rules: {
|
||||
STATUS: [
|
||||
{ required: true, message: '请选择是否通过', trigger: 'change' }
|
||||
],
|
||||
OPINION: [
|
||||
{ required: true, message: '请填写打回原因', trigger: 'change' }
|
||||
]
|
||||
},
|
||||
heirloom: {},
|
||||
|
||||
normalizer(node) {
|
||||
return {
|
||||
id: node.id,
|
||||
label: node.name,
|
||||
children: node.nodes
|
||||
}
|
||||
},
|
||||
|
||||
departmentTree: [],
|
||||
peopleList: [],
|
||||
corpFlag: false,
|
||||
menu: {
|
||||
department: '',
|
||||
user: '',
|
||||
uploadFile: '',
|
||||
limitFlag: ''
|
||||
},
|
||||
step: 0,
|
||||
list: [],
|
||||
ACCESS_AUDIT_ID: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async init(e) {
|
||||
this.loading = true
|
||||
this.visible = true
|
||||
this.VEHICLE_ID = e.VEHICLE_ID
|
||||
this.loading = false
|
||||
},
|
||||
handleClose() {
|
||||
this.form = {
|
||||
STATUS: '',
|
||||
APPOINT_DEPARTMENT_ID: null,
|
||||
APPOINT_DEPARTMENT_NAME: '',
|
||||
APPOINT_USER_ID: '',
|
||||
APPOINT_USER_NAME: '',
|
||||
OPINION: '',
|
||||
user: '',
|
||||
list: [],
|
||||
tm: new Date().getTime()
|
||||
}
|
||||
this.visible = false
|
||||
},
|
||||
goDetail() {
|
||||
this.$parent.activeName = 'List'
|
||||
},
|
||||
sendMessage() {
|
||||
requestFN(
|
||||
'/vehiclemessage/auditChronicallyCar',
|
||||
{
|
||||
FIRST_AUDIT_USER_ID: JSON.parse(sessionStorage.getItem('user')).USER_ID,
|
||||
IS_AUDIT: this.form.STATUS,
|
||||
VEHICLE_ID: this.VEHICLE_ID,
|
||||
REMARK: this.form.OPINION
|
||||
}
|
||||
).then((data) => {
|
||||
this.visible = false
|
||||
this.$emit('refresh', '')
|
||||
}).catch((e) => {
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
</style>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<template>
|
||||
<div>
|
||||
<List v-show="activeName==='List'" ref="list" />
|
||||
<SendUtil v-if="activeName==='SendUtil'" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import List from './components/list'
|
||||
import SendUtil from './components/sendUtil.vue'
|
||||
export default {
|
||||
components: {
|
||||
List: List,
|
||||
SendUtil: SendUtil
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeName: 'List',
|
||||
INSPECTION_ID: '',
|
||||
LICENCE_NO: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
|
@ -426,7 +426,8 @@ export default {
|
|||
...this.searchFrom,
|
||||
'CORPINFO_ID': this.loginUserInfo.CORPINFO_ID,
|
||||
'loginUserId': this.loginUserInfo.USER_ID,
|
||||
'roleName': this.loginUserInfo.ROLE_NAME
|
||||
'roleName': this.loginUserInfo.ROLE_NAME,
|
||||
IS_AUDIT: 1
|
||||
}
|
||||
).then((data) => {
|
||||
this.listLoading = false
|
||||
|
|
|
|||
|
|
@ -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="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: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
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(
|
||||
'/temporary/access/getFirstLevelUserList?showCount=' + this.listQuery.limit + '¤tPage=' + this.listQuery.page, this.form
|
||||
).then((data) => {
|
||||
console.log(data)
|
||||
this.listLoading = false
|
||||
this.varList = data.firstLevelUserList
|
||||
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>
|
||||
|
||||
|
|
@ -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(
|
||||
'/temporary/access/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>
|
||||
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<template>
|
||||
<component :is="activeName" />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import List from './components/list'
|
||||
import recordsList from './components/recordsList.vue'
|
||||
export default {
|
||||
components: {
|
||||
List: List,
|
||||
recordsList: recordsList
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeName: 'List',
|
||||
USER_ID: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Loading…
Reference in New Issue