Skip to content

J
JINRUN-PERPOSITION
Commit eac70df0 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

add：人员 字典接口对接、 接口method方式修改联调

parent 83c52e2b
Show whitespace changes
Inline Side-by-side
Showing with 2040 additions and 34 deletions
src/api/jinrun/card.js
View file @ eac70df0
......@@ -4,9 +4,9 @@ import request from '@/utils/request'
export function listCard(query) {
return request({
url: '/person/card/getRemoteCardList',
method: 'post',
data: query
// params: query
method: 'GET',
// data: query
params: query
})
}
......@@ -34,7 +34,7 @@ export function addCard(data) {
export function updateCard(data) {
return request({
url: '/person/card/updateRemoteCard',
method: 'post',
method: 'put',
data: data
})
}
......@@ -43,7 +43,7 @@ export function updateCard(data) {
export function delCard(data) {
return request({
url: '/person/card/deleteRemoteCard',
method: 'post',
method: 'delete',
data: data
})
}
src/api/jinrun/common.js 0 → 100644
View file @ eac70df0
import request from '@/utils/request'
// 查询人员信息列表
// 查询人员信息详细
export function getDict(data) {
return request({
url: '/sys/dict/findDictType',
method: 'get',
params: data
})
}
// 新增人员信息
export function addInfo(data) {
return request({
url: '/person/info/addRemotePersonInfo',
method: 'post',
data: data
})
}
// 修改人员信息
export function updateInfo(data) {
return request({
url: '/person/info/updateRemotePersonInfo',
method: 'put',
data: data
})
}
// 删除人员信息
export function delInfo(data) {
return request({
url: '/person/info/deleteRemoteVisitorInfo',
method: 'delete',
data: data
})
}
src/api/jinrun/renyuan.js
View file @ eac70df0
......@@ -4,13 +4,13 @@ import request from '@/utils/request'
export function listInfo(query) {
return request({
url: '/person/info/getRemotePersonInfoList',
method: 'post',
method: 'get',
params: query
})
}
// 查询人员信息详细
export function getInfo(data) {
export function getInfoDict(data) {
return request({
url: '/person/info/getRemotePersonInfoById',
method: 'post',
......@@ -31,7 +31,7 @@ export function addInfo(data) {
export function updateInfo(data) {
return request({
url: '/person/info/updateRemotePersonInfo',
method: 'post',
method: 'put',
data: data
})
}
......@@ -40,7 +40,7 @@ export function updateInfo(data) {
export function delInfo(data) {
return request({
url: '/person/info/deleteRemoteVisitorInfo',
method: 'post',
method: 'delete',
data: data
})
}
src/permission.js
View file @ eac70df0
......@@ -17,7 +17,7 @@ const isWhiteList = (path) => {
router.beforeEach((to, from, next) => {
NProgress.start()
if (getToken()) {
// if (getToken()) {
// to.meta.title && store.dispatch('settings/setTitle', to.meta.title)
// /* has token*/
// if (to.path === '/login') {
......@@ -47,16 +47,16 @@ router.beforeEach((to, from, next) => {
// }
// }
next()
} else {
// 没有token
if (isWhiteList(to.path)) {
// 在免登录白名单，直接进入
next()
} else {
next(`/login?redirect=${encodeURIComponent(to.fullPath)}`) // 否则全部重定向到登录页
NProgress.done()
}
}
// } else {
// // 没有token
// if (isWhiteList(to.path)) {
// // 在免登录白名单，直接进入
// next()
// } else {
// next(`/login?redirect=${encodeURIComponent(to.fullPath)}`) // 否则全部重定向到登录页
// NProgress.done()
// }
// }
})
router.afterEach(() => {
......
src/views/device/card.vue
View file @ eac70df0
......@@ -229,7 +229,7 @@
</el-form-item>
<el-form-item label="启用状态" prop="cardEnable">
<el-select
v-model="queryParams.cardEnable"
v-model="form.cardEnable"
placeholder="请选择启用状态"
clearable
>
......
src/views/person/fangke.vue 0 → 100644
View file @ eac70df0
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="人员编号" prop="personCode">
<el-input
v-model="queryParams.personCode"
placeholder="请输入人员编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="公司名称" prop="companyName">
<el-input
v-model="queryParams.companyName"
placeholder="请输入公司名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button
>
</el-col>
<!-- <el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:info:edit']"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:info:remove']"
>删除</el-button
>
</el-col> -->
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:info:export']"
>导出</el-button
>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="infoList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="人员ID" align="center" prop="personId" /> -->
<el-table-column label="人员类型" align="center" prop="personType" />
<el-table-column
label="人员类型名称"
align="center"
prop="personTypeName"
/>
<el-table-column label="员工类型编码" align="center" prop="staffType" />
<el-table-column
label="员工类型名称"
align="center"
prop="staffTypeName"
/>
<el-table-column
label="定位图标类型"
align="center"
prop="positionIconType"
/>
<el-table-column
label="定位图标类型名称"
align="center"
prop="positionIconTypeName"
/>
<el-table-column label="真实姓名" align="center" prop="realName" />
<el-table-column label="手机号" align="center" prop="phone" />
<el-table-column label="性别" align="center" prop="sex" />
<el-table-column label="出生日期" align="center" prop="birth" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.birth, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column label="邮箱" align="center" prop="email" />
<el-table-column label="籍贯" align="center" prop="nativePlace" />
<el-table-column label="民族" align="center" prop="nation" />
<el-table-column label="婚姻状况" align="center" prop="maritalStatus" />
<el-table-column label="政治面貌" align="center" prop="politicsStatus" />
<el-table-column label="健康状态" align="center" prop="healthStatus" />
<el-table-column label="证件类型" align="center" prop="idType" />
<el-table-column label="身份证号" align="center" prop="idNumber" />
<el-table-column label="人员IC卡号" align="center" prop="personIc" />
<el-table-column label="人员编号" align="center" prop="personCode" />
<el-table-column label="人员来源" align="center" prop="personSource" />
<el-table-column label="所属公司" align="center" prop="company" />
<el-table-column label="公司名称" align="center" prop="companyName" />
<el-table-column
label="管理员姓名"
align="center"
prop="administratorName"
/>
<el-table-column
label="管理员电话"
align="center"
prop="administratorPhone"
/>
<el-table-column label="工号" align="center" prop="jobNumber" />
<el-table-column label="在职状态" align="center" prop="jobStatus" />
<el-table-column
label="入职日期"
align="center"
prop="hireDate"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.hireDate, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column
label="入职日期别名"
align="center"
prop="hireDateAlias"
/>
<el-table-column
label="离职日期"
align="center"
prop="dimissionDate"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.dimissionDate, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column label="办公电话" align="center" prop="officePhone" />
<el-table-column label="职务" align="center" prop="duty" />
<el-table-column label="职称" align="center" prop="professionalTitle" />
<el-table-column
label="职称编号"
align="center"
prop="professionalTitleNumber"
/>
<el-table-column label="工龄" align="center" prop="seniority" />
<el-table-column label="经验年限" align="center" prop="experience" />
<el-table-column
label="经验描述"
align="center"
prop="yearPlusExperience"
/>
<el-table-column
label="最高学历"
align="center"
prop="highestEducation"
/>
<el-table-column label="最高学位" align="center" prop="highestDegree" />
<el-table-column label="专业" align="center" prop="profession" />
<el-table-column label="毕业学校" align="center" prop="school" />
<el-table-column label="毕业证编号" align="center" prop="diplomaNumber" />
<el-table-column label="CENG编号" align="center" prop="cengNumber" />
<el-table-column label="附件" align="center" prop="accessory" />
<el-table-column label="附件列表" align="center" prop="accessoryList" />
<el-table-column label="承包商ID" align="center" prop="contractorId" />
<el-table-column
label="承包商名称"
align="center"
prop="contractorName"
/>
<el-table-column
label="接收入负责人"
align="center"
prop="receiveLeader"
/>
<el-table-column label="接收入电话" align="center" prop="receivePhone" />
<el-table-column label="是否通行" align="center" prop="gateThrough" />
<el-table-column
label="离开时间"
align="center"
prop="leaveTime"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.leaveTime, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column label="访客状态" align="center" prop="visitorStatus" />
<el-table-column
label="访问时间"
align="center"
prop="visitTime"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.visitTime, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column label="流程状态" align="center" prop="process" />
<el-table-column
label="最后更新时间"
align="center"
prop="lastUpdateDate"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.lastUpdateDate, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column
label="最后创建时间"
align="center"
prop="lastCreateDate"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.lastCreateDate, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column label="更新失败标志" align="center" prop="updateFail" />
<el-table-column label="在线状态" align="center" prop="onlineStatus" />
<el-table-column label="进出状态" align="center" prop="inOutStatus" />
<el-table-column label="卡类型" align="center" prop="cardType" />
<el-table-column label="卡类型名称" align="center" prop="cardTypeName" />
<el-table-column label="定位卡号" align="center" prop="cardId" />
<el-table-column label="IC卡号" align="center" prop="icCardId" />
<el-table-column label="电量百分比" align="center" prop="cardPower" />
<el-table-column label="人员照片URL" align="center" prop="personPhoto" />
<el-table-column label="照片签名" align="center" prop="photoSign" />
<el-table-column label="部门名称" align="center" prop="deptName" />
<el-table-column
label="预约进场开始时间"
align="center"
prop="reservationEntryStartTime"
width="180"
>
<template slot-scope="scope">
<span>{{
parseTime(scope.row.reservationEntryStartTime, "{y}-{m}-{d}")
}}</span>
</template>
</el-table-column>
<el-table-column
label="预约进场结束时间"
align="center"
prop="reservationEntryEndTime"
width="180"
>
<template slot-scope="scope">
<span>{{
parseTime(scope.row.reservationEntryEndTime, "{y}-{m}-{d}")
}}</span>
</template>
</el-table-column>
<el-table-column
label="预约访问时间"
align="center"
prop="reservationVisitingTime"
width="180"
>
<template slot-scope="scope">
<span>{{
parseTime(scope.row.reservationVisitingTime, "{y}-{m}-{d}")
}}</span>
</template>
</el-table-column>
<el-table-column
label="当前操作人姓名"
align="center"
prop="curUserName"
/>
<el-table-column label="访客id" align="center" prop="visitorId" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改人员信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="备注" prop="remark">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="人员类型名称" prop="personTypeName">
<el-input
v-model="form.personTypeName"
placeholder="请输入人员类型名称"
/>
</el-form-item>
<el-form-item label="员工类型名称" prop="staffTypeName">
<el-input
v-model="form.staffTypeName"
placeholder="请输入员工类型名称"
/>
</el-form-item>
<el-form-item label="定位图标类型名称" prop="positionIconTypeName">
<el-input
v-model="form.positionIconTypeName"
placeholder="请输入定位图标类型名称"
/>
</el-form-item>
<el-form-item label="真实姓名" prop="realName">
<el-input v-model="form.realName" placeholder="请输入真实姓名" />
</el-form-item>
<el-form-item label="手机号" prop="phone">
<el-input v-model="form.phone" placeholder="请输入手机号" />
</el-form-item>
<el-form-item label="出生日期" prop="birth">
<el-date-picker
clearable
v-model="form.birth"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择出生日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input v-model="form.email" placeholder="请输入邮箱" />
</el-form-item>
<el-form-item label="籍贯" prop="nativePlace">
<el-input v-model="form.nativePlace" placeholder="请输入籍贯" />
</el-form-item>
<el-form-item label="民族" prop="nation">
<el-input v-model="form.nation" placeholder="请输入民族" />
</el-form-item>
<el-form-item label="身份证号" prop="idNumber">
<el-input v-model="form.idNumber" placeholder="请输入身份证号" />
</el-form-item>
<el-form-item label="人员IC卡号" prop="personIc">
<el-input v-model="form.personIc" placeholder="请输入人员IC卡号" />
</el-form-item>
<el-form-item label="人员编号" prop="personCode">
<el-input v-model="form.personCode" placeholder="请输入人员编号" />
</el-form-item>
<el-form-item label="人员来源" prop="personSource">
<el-input v-model="form.personSource" placeholder="请输入人员来源" />
</el-form-item>
<el-form-item label="所属公司" prop="company">
<el-input v-model="form.company" placeholder="请输入所属公司" />
</el-form-item>
<el-form-item label="公司名称" prop="companyName">
<el-input v-model="form.companyName" placeholder="请输入公司名称" />
</el-form-item>
<el-form-item label="管理员姓名" prop="administratorName">
<el-input
v-model="form.administratorName"
placeholder="请输入管理员姓名"
/>
</el-form-item>
<el-form-item label="管理员电话" prop="administratorPhone">
<el-input
v-model="form.administratorPhone"
placeholder="请输入管理员电话"
/>
</el-form-item>
<el-form-item label="工号" prop="jobNumber">
<el-input v-model="form.jobNumber" placeholder="请输入工号" />
</el-form-item>
<el-form-item label="入职日期" prop="hireDate">
<el-date-picker
clearable
v-model="form.hireDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择入职日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="入职日期别名" prop="hireDateAlias">
<el-input
v-model="form.hireDateAlias"
placeholder="请输入入职日期别名"
/>
</el-form-item>
<el-form-item label="离职日期" prop="dimissionDate">
<el-date-picker
clearable
v-model="form.dimissionDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择离职日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="办公电话" prop="officePhone">
<el-input v-model="form.officePhone" placeholder="请输入办公电话" />
</el-form-item>
<el-form-item label="职务" prop="duty">
<el-input v-model="form.duty" placeholder="请输入职务" />
</el-form-item>
<el-form-item label="职称" prop="professionalTitle">
<el-input v-model="form.professionalTitle" placeholder="请输入职称" />
</el-form-item>
<el-form-item label="职称编号" prop="professionalTitleNumber">
<el-input
v-model="form.professionalTitleNumber"
placeholder="请输入职称编号"
/>
</el-form-item>
<el-form-item label="工龄" prop="seniority">
<el-input v-model="form.seniority" placeholder="请输入工龄" />
</el-form-item>
<el-form-item label="经验年限" prop="experience">
<el-input v-model="form.experience" placeholder="请输入经验年限" />
</el-form-item>
<el-form-item label="经验描述" prop="yearPlusExperience">
<el-input
v-model="form.yearPlusExperience"
placeholder="请输入经验描述"
/>
</el-form-item>
<el-form-item label="最高学历" prop="highestEducation">
<el-input
v-model="form.highestEducation"
placeholder="请输入最高学历"
/>
</el-form-item>
<el-form-item label="最高学位" prop="highestDegree">
<el-input v-model="form.highestDegree" placeholder="请输入最高学位" />
</el-form-item>
<el-form-item label="专业" prop="profession">
<el-input v-model="form.profession" placeholder="请输入专业" />
</el-form-item>
<el-form-item label="毕业学校" prop="school">
<el-input v-model="form.school" placeholder="请输入毕业学校" />
</el-form-item>
<el-form-item label="毕业证编号" prop="diplomaNumber">
<el-input
v-model="form.diplomaNumber"
placeholder="请输入毕业证编号"
/>
</el-form-item>
<el-form-item label="CENG编号" prop="cengNumber">
<el-input v-model="form.cengNumber" placeholder="请输入CENG编号" />
</el-form-item>
<el-form-item label="附件" prop="accessory">
<el-input
v-model="form.accessory"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="附件列表" prop="accessoryList">
<el-input
v-model="form.accessoryList"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="承包商ID" prop="contractorId">
<el-input v-model="form.contractorId" placeholder="请输入承包商ID" />
</el-form-item>
<el-form-item label="承包商名称" prop="contractorName">
<el-input
v-model="form.contractorName"
placeholder="请输入承包商名称"
/>
</el-form-item>
<el-form-item label="接收入负责人" prop="receiveLeader">
<el-input
v-model="form.receiveLeader"
placeholder="请输入接收入负责人"
/>
</el-form-item>
<el-form-item label="接收入电话" prop="receivePhone">
<el-input
v-model="form.receivePhone"
placeholder="请输入接收入电话"
/>
</el-form-item>
<el-form-item label="是否通行" prop="gateThrough">
<el-input v-model="form.gateThrough" placeholder="请输入是否通行" />
</el-form-item>
<el-form-item label="离开时间" prop="leaveTime">
<el-date-picker
clearable
v-model="form.leaveTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择离开时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="访问时间" prop="visitTime">
<el-date-picker
clearable
v-model="form.visitTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择访问时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="流程状态" prop="process">
<el-input v-model="form.process" placeholder="请输入流程状态" />
</el-form-item>
<el-form-item label="最后更新时间" prop="lastUpdateDate">
<el-date-picker
clearable
v-model="form.lastUpdateDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择最后更新时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="最后创建时间" prop="lastCreateDate">
<el-date-picker
clearable
v-model="form.lastCreateDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择最后创建时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="更新失败标志" prop="updateFail">
<el-input
v-model="form.updateFail"
placeholder="请输入更新失败标志"
/>
</el-form-item>
<el-form-item label="卡类型名称" prop="cardTypeName">
<el-input
v-model="form.cardTypeName"
placeholder="请输入卡类型名称"
/>
</el-form-item>
<el-form-item label="定位卡号" prop="cardId">
<el-input v-model="form.cardId" placeholder="请输入定位卡号" />
</el-form-item>
<el-form-item label="IC卡号" prop="icCardId">
<el-input v-model="form.icCardId" placeholder="请输入IC卡号" />
</el-form-item>
<el-form-item label="电量百分比" prop="cardPower">
<el-input v-model="form.cardPower" placeholder="请输入电量百分比" />
</el-form-item>
<el-form-item label="人员照片URL" prop="personPhoto">
<el-input
v-model="form.personPhoto"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="照片签名" prop="photoSign">
<el-input
v-model="form.photoSign"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="部门名称" prop="deptName">
<el-input v-model="form.deptName" placeholder="请输入部门名称" />
</el-form-item>
<el-form-item label="预约进场开始时间" prop="reservationEntryStartTime">
<el-date-picker
clearable
v-model="form.reservationEntryStartTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择预约进场开始时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="预约进场结束时间" prop="reservationEntryEndTime">
<el-date-picker
clearable
v-model="form.reservationEntryEndTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择预约进场结束时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="预约访问时间" prop="reservationVisitingTime">
<el-date-picker
clearable
v-model="form.reservationVisitingTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择预约访问时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="当前操作人姓名" prop="curUserName">
<el-input
v-model="form.curUserName"
placeholder="请输入当前操作人姓名"
/>
</el-form-item>
<el-form-item label="访客id" prop="visitorId">
<el-input v-model="form.visitorId" placeholder="请输入访客id" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listInfo,
getInfo,
delInfo,
addInfo,
updateInfo,
} from "@/api/jinrun/renyuan";
export default {
name: "Info",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 人员信息表格数据
infoList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
personType: null,
personTypeName: null,
staffType: null,
staffTypeName: null,
positionIconType: null,
positionIconTypeName: null,
realName: null,
phone: null,
sex: null,
birth: null,
email: null,
nativePlace: null,
nation: null,
maritalStatus: null,
politicsStatus: null,
healthStatus: null,
idType: null,
idNumber: null,
personIc: null,
personCode: null,
personSource: null,
company: null,
companyName: null,
administratorName: null,
administratorPhone: null,
jobNumber: null,
jobStatus: null,
hireDate: null,
hireDateAlias: null,
dimissionDate: null,
officePhone: null,
duty: null,
professionalTitle: null,
professionalTitleNumber: null,
seniority: null,
experience: null,
yearPlusExperience: null,
highestEducation: null,
highestDegree: null,
profession: null,
school: null,
diplomaNumber: null,
cengNumber: null,
accessory: null,
accessoryList: null,
contractorId: null,
contractorName: null,
receiveLeader: null,
receivePhone: null,
gateThrough: null,
leaveTime: null,
visitorStatus: null,
visitTime: null,
process: null,
lastUpdateDate: null,
lastCreateDate: null,
updateFail: null,
onlineStatus: null,
inOutStatus: null,
cardType: null,
cardTypeName: null,
cardId: null,
icCardId: null,
cardPower: null,
personPhoto: null,
photoSign: null,
deptName: null,
reservationEntryStartTime: null,
reservationEntryEndTime: null,
reservationVisitingTime: null,
curUserName: null,
visitorId: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
personType: [
{ required: true, message: "人员类型不能为空", trigger: "change" },
],
},
};
},
created() {
this.getList();
},
methods: {
/** 查询人员信息列表 */
getList() {
this.loading = true;
listInfo(this.queryParams).then((response) => {
this.infoList = response.data;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
createBy: null,
createTime: null,
updateTime: null,
remark: null,
personId: null,
personType: null,
personTypeName: null,
staffType: null,
staffTypeName: null,
positionIconType: null,
positionIconTypeName: null,
realName: null,
phone: null,
sex: null,
birth: null,
email: null,
nativePlace: null,
nation: null,
maritalStatus: null,
politicsStatus: null,
healthStatus: null,
idType: null,
idNumber: null,
personIc: null,
personCode: null,
personSource: null,
company: null,
companyName: null,
administratorName: null,
administratorPhone: null,
jobNumber: null,
jobStatus: null,
hireDate: null,
hireDateAlias: null,
dimissionDate: null,
officePhone: null,
duty: null,
professionalTitle: null,
professionalTitleNumber: null,
seniority: null,
experience: null,
yearPlusExperience: null,
highestEducation: null,
highestDegree: null,
profession: null,
school: null,
diplomaNumber: null,
cengNumber: null,
accessory: null,
accessoryList: null,
contractorId: null,
contractorName: null,
receiveLeader: null,
receivePhone: null,
gateThrough: null,
leaveTime: null,
visitorStatus: null,
visitTime: null,
process: null,
lastUpdateDate: null,
lastCreateDate: null,
updateFail: null,
onlineStatus: null,
inOutStatus: null,
cardType: null,
cardTypeName: null,
cardId: null,
icCardId: null,
cardPower: null,
personPhoto: null,
photoSign: null,
deptName: null,
reservationEntryStartTime: null,
reservationEntryEndTime: null,
reservationVisitingTime: null,
curUserName: null,
visitorId: null,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.personId);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加人员信息";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
getInfo(row).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改人员信息";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.personId != null) {
updateInfo(this.form).then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addInfo(this.form).then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
this.$modal
.confirm('是否确认删除人员信息编号为"' + personIds + '"的数据项？')
.then(function () {
return delInfo(row);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/info/export",
{
...this.queryParams,
},
`info_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
src/views/person/renyuan.vue
View file @ eac70df0
......@@ -357,11 +357,19 @@
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="人员类型名称" prop="personTypeName">
<el-input
v-model="form.personTypeName"
placeholder="请输入人员类型名称"
/>
<el-form-item label="人员类型名称" prop="personType">
<el-select
v-model="form.personType"
placeholder="请选择人员类型"
clearable
>
<el-option
v-for="item in personTypeOptions"
:key="item.dictValue"
:label="item.dictLabel"
:value="item.dictValue"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="员工类型名称" prop="staffTypeName">
<el-input
......@@ -678,17 +686,15 @@
</template>
<script>
import {
listInfo,
getInfo,
delInfo,
addInfo,
updateInfo,
} from "@/api/jinrun/renyuan";
import { listInfo, delInfo, addInfo, updateInfo } from "@/api/jinrun/renyuan";
import { getDict } from "@/api/jinrun/common";
export default {
name: "Info",
data() {
return {
// 人员类型下拉列表数据
personTypeOptions: [],
// 遮罩层
loading: true,
// 选中数组
......@@ -796,8 +802,22 @@ export default {
},
created() {
this.getList();
this.getPersonTypeOptions();
},
methods: {
/** 获取人员类型下拉列表数据 */
getPersonTypeOptions() {
// 调用数据字典接口
getDict({ dictType: "person_type" })
.then((response) => {
this.personTypeOptions = response.data;
})
.catch((error) => {
this.$modal.msgError("获取人员类型数据失败");
console.error("获取人员类型数据失败:", error);
});
},
/** 查询人员信息列表 */
getList() {
this.loading = true;
......@@ -949,7 +969,7 @@ export default {
/** 删除按钮操作 */
handleDelete(row) {
this.$modal
.confirm('是否确认删除人员信息编号为"' + personIds + '"的数据项？')
.confirm('是否确认删除人员信息编号为"' + row.personIds + '"的数据项？')
.then(function () {
return delInfo(row);
})
......
src/views/person/yuangong.vue 0 → 100644
View file @ eac70df0
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="人员编号" prop="personCode">
<el-input
v-model="queryParams.personCode"
placeholder="请输入人员编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="公司名称" prop="companyName">
<el-input
v-model="queryParams.companyName"
placeholder="请输入公司名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button
>
</el-col>
<!-- <el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:info:edit']"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:info:remove']"
>删除</el-button
>
</el-col> -->
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:info:export']"
>导出</el-button
>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="infoList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="人员ID" align="center" prop="personId" /> -->
<el-table-column label="人员类型" align="center" prop="personType" />
<el-table-column
label="人员类型名称"
align="center"
prop="personTypeName"
/>
<el-table-column label="员工类型编码" align="center" prop="staffType" />
<el-table-column
label="员工类型名称"
align="center"
prop="staffTypeName"
/>
<el-table-column
label="定位图标类型"
align="center"
prop="positionIconType"
/>
<el-table-column
label="定位图标类型名称"
align="center"
prop="positionIconTypeName"
/>
<el-table-column label="真实姓名" align="center" prop="realName" />
<el-table-column label="手机号" align="center" prop="phone" />
<el-table-column label="性别" align="center" prop="sex" />
<el-table-column label="出生日期" align="center" prop="birth" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.birth, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column label="邮箱" align="center" prop="email" />
<el-table-column label="籍贯" align="center" prop="nativePlace" />
<el-table-column label="民族" align="center" prop="nation" />
<el-table-column label="婚姻状况" align="center" prop="maritalStatus" />
<el-table-column label="政治面貌" align="center" prop="politicsStatus" />
<el-table-column label="健康状态" align="center" prop="healthStatus" />
<el-table-column label="证件类型" align="center" prop="idType" />
<el-table-column label="身份证号" align="center" prop="idNumber" />
<el-table-column label="人员IC卡号" align="center" prop="personIc" />
<el-table-column label="人员编号" align="center" prop="personCode" />
<el-table-column label="人员来源" align="center" prop="personSource" />
<el-table-column label="所属公司" align="center" prop="company" />
<el-table-column label="公司名称" align="center" prop="companyName" />
<el-table-column
label="管理员姓名"
align="center"
prop="administratorName"
/>
<el-table-column
label="管理员电话"
align="center"
prop="administratorPhone"
/>
<el-table-column label="工号" align="center" prop="jobNumber" />
<el-table-column label="在职状态" align="center" prop="jobStatus" />
<el-table-column
label="入职日期"
align="center"
prop="hireDate"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.hireDate, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column
label="入职日期别名"
align="center"
prop="hireDateAlias"
/>
<el-table-column
label="离职日期"
align="center"
prop="dimissionDate"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.dimissionDate, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column label="办公电话" align="center" prop="officePhone" />
<el-table-column label="职务" align="center" prop="duty" />
<el-table-column label="职称" align="center" prop="professionalTitle" />
<el-table-column
label="职称编号"
align="center"
prop="professionalTitleNumber"
/>
<el-table-column label="工龄" align="center" prop="seniority" />
<el-table-column label="经验年限" align="center" prop="experience" />
<el-table-column
label="经验描述"
align="center"
prop="yearPlusExperience"
/>
<el-table-column
label="最高学历"
align="center"
prop="highestEducation"
/>
<el-table-column label="最高学位" align="center" prop="highestDegree" />
<el-table-column label="专业" align="center" prop="profession" />
<el-table-column label="毕业学校" align="center" prop="school" />
<el-table-column label="毕业证编号" align="center" prop="diplomaNumber" />
<el-table-column label="CENG编号" align="center" prop="cengNumber" />
<el-table-column label="附件" align="center" prop="accessory" />
<el-table-column label="附件列表" align="center" prop="accessoryList" />
<el-table-column label="承包商ID" align="center" prop="contractorId" />
<el-table-column
label="承包商名称"
align="center"
prop="contractorName"
/>
<el-table-column
label="接收入负责人"
align="center"
prop="receiveLeader"
/>
<el-table-column label="接收入电话" align="center" prop="receivePhone" />
<el-table-column label="是否通行" align="center" prop="gateThrough" />
<el-table-column
label="离开时间"
align="center"
prop="leaveTime"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.leaveTime, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column label="访客状态" align="center" prop="visitorStatus" />
<el-table-column
label="访问时间"
align="center"
prop="visitTime"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.visitTime, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column label="流程状态" align="center" prop="process" />
<el-table-column
label="最后更新时间"
align="center"
prop="lastUpdateDate"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.lastUpdateDate, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column
label="最后创建时间"
align="center"
prop="lastCreateDate"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.lastCreateDate, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column label="更新失败标志" align="center" prop="updateFail" />
<el-table-column label="在线状态" align="center" prop="onlineStatus" />
<el-table-column label="进出状态" align="center" prop="inOutStatus" />
<el-table-column label="卡类型" align="center" prop="cardType" />
<el-table-column label="卡类型名称" align="center" prop="cardTypeName" />
<el-table-column label="定位卡号" align="center" prop="cardId" />
<el-table-column label="IC卡号" align="center" prop="icCardId" />
<el-table-column label="电量百分比" align="center" prop="cardPower" />
<el-table-column label="人员照片URL" align="center" prop="personPhoto" />
<el-table-column label="照片签名" align="center" prop="photoSign" />
<el-table-column label="部门名称" align="center" prop="deptName" />
<el-table-column
label="预约进场开始时间"
align="center"
prop="reservationEntryStartTime"
width="180"
>
<template slot-scope="scope">
<span>{{
parseTime(scope.row.reservationEntryStartTime, "{y}-{m}-{d}")
}}</span>
</template>
</el-table-column>
<el-table-column
label="预约进场结束时间"
align="center"
prop="reservationEntryEndTime"
width="180"
>
<template slot-scope="scope">
<span>{{
parseTime(scope.row.reservationEntryEndTime, "{y}-{m}-{d}")
}}</span>
</template>
</el-table-column>
<el-table-column
label="预约访问时间"
align="center"
prop="reservationVisitingTime"
width="180"
>
<template slot-scope="scope">
<span>{{
parseTime(scope.row.reservationVisitingTime, "{y}-{m}-{d}")
}}</span>
</template>
</el-table-column>
<el-table-column
label="当前操作人姓名"
align="center"
prop="curUserName"
/>
<el-table-column label="访客id" align="center" prop="visitorId" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改人员信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="备注" prop="remark">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="人员类型名称" prop="personTypeName">
<el-input
v-model="form.personTypeName"
placeholder="请输入人员类型名称"
/>
</el-form-item>
<el-form-item label="员工类型名称" prop="staffTypeName">
<el-input
v-model="form.staffTypeName"
placeholder="请输入员工类型名称"
/>
</el-form-item>
<el-form-item label="定位图标类型名称" prop="positionIconTypeName">
<el-input
v-model="form.positionIconTypeName"
placeholder="请输入定位图标类型名称"
/>
</el-form-item>
<el-form-item label="真实姓名" prop="realName">
<el-input v-model="form.realName" placeholder="请输入真实姓名" />
</el-form-item>
<el-form-item label="手机号" prop="phone">
<el-input v-model="form.phone" placeholder="请输入手机号" />
</el-form-item>
<el-form-item label="出生日期" prop="birth">
<el-date-picker
clearable
v-model="form.birth"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择出生日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input v-model="form.email" placeholder="请输入邮箱" />
</el-form-item>
<el-form-item label="籍贯" prop="nativePlace">
<el-input v-model="form.nativePlace" placeholder="请输入籍贯" />
</el-form-item>
<el-form-item label="民族" prop="nation">
<el-input v-model="form.nation" placeholder="请输入民族" />
</el-form-item>
<el-form-item label="身份证号" prop="idNumber">
<el-input v-model="form.idNumber" placeholder="请输入身份证号" />
</el-form-item>
<el-form-item label="人员IC卡号" prop="personIc">
<el-input v-model="form.personIc" placeholder="请输入人员IC卡号" />
</el-form-item>
<el-form-item label="人员编号" prop="personCode">
<el-input v-model="form.personCode" placeholder="请输入人员编号" />
</el-form-item>
<el-form-item label="人员来源" prop="personSource">
<el-input v-model="form.personSource" placeholder="请输入人员来源" />
</el-form-item>
<el-form-item label="所属公司" prop="company">
<el-input v-model="form.company" placeholder="请输入所属公司" />
</el-form-item>
<el-form-item label="公司名称" prop="companyName">
<el-input v-model="form.companyName" placeholder="请输入公司名称" />
</el-form-item>
<el-form-item label="管理员姓名" prop="administratorName">
<el-input
v-model="form.administratorName"
placeholder="请输入管理员姓名"
/>
</el-form-item>
<el-form-item label="管理员电话" prop="administratorPhone">
<el-input
v-model="form.administratorPhone"
placeholder="请输入管理员电话"
/>
</el-form-item>
<el-form-item label="工号" prop="jobNumber">
<el-input v-model="form.jobNumber" placeholder="请输入工号" />
</el-form-item>
<el-form-item label="入职日期" prop="hireDate">
<el-date-picker
clearable
v-model="form.hireDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择入职日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="入职日期别名" prop="hireDateAlias">
<el-input
v-model="form.hireDateAlias"
placeholder="请输入入职日期别名"
/>
</el-form-item>
<el-form-item label="离职日期" prop="dimissionDate">
<el-date-picker
clearable
v-model="form.dimissionDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择离职日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="办公电话" prop="officePhone">
<el-input v-model="form.officePhone" placeholder="请输入办公电话" />
</el-form-item>
<el-form-item label="职务" prop="duty">
<el-input v-model="form.duty" placeholder="请输入职务" />
</el-form-item>
<el-form-item label="职称" prop="professionalTitle">
<el-input v-model="form.professionalTitle" placeholder="请输入职称" />
</el-form-item>
<el-form-item label="职称编号" prop="professionalTitleNumber">
<el-input
v-model="form.professionalTitleNumber"
placeholder="请输入职称编号"
/>
</el-form-item>
<el-form-item label="工龄" prop="seniority">
<el-input v-model="form.seniority" placeholder="请输入工龄" />
</el-form-item>
<el-form-item label="经验年限" prop="experience">
<el-input v-model="form.experience" placeholder="请输入经验年限" />
</el-form-item>
<el-form-item label="经验描述" prop="yearPlusExperience">
<el-input
v-model="form.yearPlusExperience"
placeholder="请输入经验描述"
/>
</el-form-item>
<el-form-item label="最高学历" prop="highestEducation">
<el-input
v-model="form.highestEducation"
placeholder="请输入最高学历"
/>
</el-form-item>
<el-form-item label="最高学位" prop="highestDegree">
<el-input v-model="form.highestDegree" placeholder="请输入最高学位" />
</el-form-item>
<el-form-item label="专业" prop="profession">
<el-input v-model="form.profession" placeholder="请输入专业" />
</el-form-item>
<el-form-item label="毕业学校" prop="school">
<el-input v-model="form.school" placeholder="请输入毕业学校" />
</el-form-item>
<el-form-item label="毕业证编号" prop="diplomaNumber">
<el-input
v-model="form.diplomaNumber"
placeholder="请输入毕业证编号"
/>
</el-form-item>
<el-form-item label="CENG编号" prop="cengNumber">
<el-input v-model="form.cengNumber" placeholder="请输入CENG编号" />
</el-form-item>
<el-form-item label="附件" prop="accessory">
<el-input
v-model="form.accessory"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="附件列表" prop="accessoryList">
<el-input
v-model="form.accessoryList"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="承包商ID" prop="contractorId">
<el-input v-model="form.contractorId" placeholder="请输入承包商ID" />
</el-form-item>
<el-form-item label="承包商名称" prop="contractorName">
<el-input
v-model="form.contractorName"
placeholder="请输入承包商名称"
/>
</el-form-item>
<el-form-item label="接收入负责人" prop="receiveLeader">
<el-input
v-model="form.receiveLeader"
placeholder="请输入接收入负责人"
/>
</el-form-item>
<el-form-item label="接收入电话" prop="receivePhone">
<el-input
v-model="form.receivePhone"
placeholder="请输入接收入电话"
/>
</el-form-item>
<el-form-item label="是否通行" prop="gateThrough">
<el-input v-model="form.gateThrough" placeholder="请输入是否通行" />
</el-form-item>
<el-form-item label="离开时间" prop="leaveTime">
<el-date-picker
clearable
v-model="form.leaveTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择离开时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="访问时间" prop="visitTime">
<el-date-picker
clearable
v-model="form.visitTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择访问时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="流程状态" prop="process">
<el-input v-model="form.process" placeholder="请输入流程状态" />
</el-form-item>
<el-form-item label="最后更新时间" prop="lastUpdateDate">
<el-date-picker
clearable
v-model="form.lastUpdateDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择最后更新时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="最后创建时间" prop="lastCreateDate">
<el-date-picker
clearable
v-model="form.lastCreateDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择最后创建时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="更新失败标志" prop="updateFail">
<el-input
v-model="form.updateFail"
placeholder="请输入更新失败标志"
/>
</el-form-item>
<el-form-item label="卡类型名称" prop="cardTypeName">
<el-input
v-model="form.cardTypeName"
placeholder="请输入卡类型名称"
/>
</el-form-item>
<el-form-item label="定位卡号" prop="cardId">
<el-input v-model="form.cardId" placeholder="请输入定位卡号" />
</el-form-item>
<el-form-item label="IC卡号" prop="icCardId">
<el-input v-model="form.icCardId" placeholder="请输入IC卡号" />
</el-form-item>
<el-form-item label="电量百分比" prop="cardPower">
<el-input v-model="form.cardPower" placeholder="请输入电量百分比" />
</el-form-item>
<el-form-item label="人员照片URL" prop="personPhoto">
<el-input
v-model="form.personPhoto"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="照片签名" prop="photoSign">
<el-input
v-model="form.photoSign"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="部门名称" prop="deptName">
<el-input v-model="form.deptName" placeholder="请输入部门名称" />
</el-form-item>
<el-form-item label="预约进场开始时间" prop="reservationEntryStartTime">
<el-date-picker
clearable
v-model="form.reservationEntryStartTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择预约进场开始时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="预约进场结束时间" prop="reservationEntryEndTime">
<el-date-picker
clearable
v-model="form.reservationEntryEndTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择预约进场结束时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="预约访问时间" prop="reservationVisitingTime">
<el-date-picker
clearable
v-model="form.reservationVisitingTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择预约访问时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="当前操作人姓名" prop="curUserName">
<el-input
v-model="form.curUserName"
placeholder="请输入当前操作人姓名"
/>
</el-form-item>
<el-form-item label="访客id" prop="visitorId">
<el-input v-model="form.visitorId" placeholder="请输入访客id" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listInfo,
getInfo,
delInfo,
addInfo,
updateInfo,
} from "@/api/jinrun/renyuan";
export default {
name: "Info",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 人员信息表格数据
infoList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
personType: null,
personTypeName: null,
staffType: null,
staffTypeName: null,
positionIconType: null,
positionIconTypeName: null,
realName: null,
phone: null,
sex: null,
birth: null,
email: null,
nativePlace: null,
nation: null,
maritalStatus: null,
politicsStatus: null,
healthStatus: null,
idType: null,
idNumber: null,
personIc: null,
personCode: null,
personSource: null,
company: null,
companyName: null,
administratorName: null,
administratorPhone: null,
jobNumber: null,
jobStatus: null,
hireDate: null,
hireDateAlias: null,
dimissionDate: null,
officePhone: null,
duty: null,
professionalTitle: null,
professionalTitleNumber: null,
seniority: null,
experience: null,
yearPlusExperience: null,
highestEducation: null,
highestDegree: null,
profession: null,
school: null,
diplomaNumber: null,
cengNumber: null,
accessory: null,
accessoryList: null,
contractorId: null,
contractorName: null,
receiveLeader: null,
receivePhone: null,
gateThrough: null,
leaveTime: null,
visitorStatus: null,
visitTime: null,
process: null,
lastUpdateDate: null,
lastCreateDate: null,
updateFail: null,
onlineStatus: null,
inOutStatus: null,
cardType: null,
cardTypeName: null,
cardId: null,
icCardId: null,
cardPower: null,
personPhoto: null,
photoSign: null,
deptName: null,
reservationEntryStartTime: null,
reservationEntryEndTime: null,
reservationVisitingTime: null,
curUserName: null,
visitorId: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
personType: [
{ required: true, message: "人员类型不能为空", trigger: "change" },
],
},
};
},
created() {
this.getList();
},
methods: {
/** 查询人员信息列表 */
getList() {
this.loading = true;
listInfo(this.queryParams).then((response) => {
this.infoList = response.data;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
createBy: null,
createTime: null,
updateTime: null,
remark: null,
personId: null,
personType: null,
personTypeName: null,
staffType: null,
staffTypeName: null,
positionIconType: null,
positionIconTypeName: null,
realName: null,
phone: null,
sex: null,
birth: null,
email: null,
nativePlace: null,
nation: null,
maritalStatus: null,
politicsStatus: null,
healthStatus: null,
idType: null,
idNumber: null,
personIc: null,
personCode: null,
personSource: null,
company: null,
companyName: null,
administratorName: null,
administratorPhone: null,
jobNumber: null,
jobStatus: null,
hireDate: null,
hireDateAlias: null,
dimissionDate: null,
officePhone: null,
duty: null,
professionalTitle: null,
professionalTitleNumber: null,
seniority: null,
experience: null,
yearPlusExperience: null,
highestEducation: null,
highestDegree: null,
profession: null,
school: null,
diplomaNumber: null,
cengNumber: null,
accessory: null,
accessoryList: null,
contractorId: null,
contractorName: null,
receiveLeader: null,
receivePhone: null,
gateThrough: null,
leaveTime: null,
visitorStatus: null,
visitTime: null,
process: null,
lastUpdateDate: null,
lastCreateDate: null,
updateFail: null,
onlineStatus: null,
inOutStatus: null,
cardType: null,
cardTypeName: null,
cardId: null,
icCardId: null,
cardPower: null,
personPhoto: null,
photoSign: null,
deptName: null,
reservationEntryStartTime: null,
reservationEntryEndTime: null,
reservationVisitingTime: null,
curUserName: null,
visitorId: null,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.personId);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加人员信息";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
getInfo(row).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改人员信息";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.personId != null) {
updateInfo(this.form).then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addInfo(this.form).then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
this.$modal
.confirm('是否确认删除人员信息编号为"' + personIds + '"的数据项？')
.then(function () {
return delInfo(row);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/info/export",
{
...this.queryParams,
},
`info_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment