Skip to content

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

add：员工page

parent 3be6da31
Hide whitespace changes
Inline Side-by-side
Showing with 40 additions and 184 deletions
src/views/person/yuangong.vue
View file @ 054d6457
......@@ -26,15 +26,6 @@
/>
</el-form-item>
<el-form-item label="工号" prop="jobNumber">
<el-input
v-model="queryParams.jobNumber"
placeholder="请输入工号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
......@@ -60,45 +51,6 @@
>新增</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
......@@ -108,20 +60,10 @@
>
<el-table-column label="姓名" align="center" prop="realName" />
<el-table-column label="性别" align="center" prop="sex" />
<el-table-column label="工号" align="center" prop="jobNumber" />
<el-table-column label="联系方式" align="center" prop="phone" />
<el-table-column label="员工类别" align="center" prop="staffTypeName" />
<el-table-column label="员工状态" align="center">
<template slot-scope="scope">
<span v-if="scope.row.jobStatus === 'Y'" class="status-active"
>在职</span
>
<span v-else-if="scope.row.jobStatus === 'N'" class="status-inactive"
>离职</span
>
<span v-else>-</span>
</template>
</el-table-column>
<el-table-column label="身份证号" align="center" prop="idCard" />
<el-table-column label="所在部门1" align="center" prop="dept" />
<el-table-column label="岗位名称" align="center" prop="idCard" />
<el-table-column label="定位卡号" align="center" prop="cardId" />
<el-table-column
label="操作"
......@@ -134,9 +76,9 @@
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleView(scope.row)"
>查看</el-button
icon="el-icon-unlock"
@click="handleUnbindCard(scope.row)"
>定位卡解绑</el-button
>
<el-button
size="mini"
......@@ -152,13 +94,6 @@
@click="handleDelete(scope.row)"
>删除</el-button
>
<!-- <el-button
size="mini"
type="text"
icon="el-icon-unlock"
@click="handleUnbindCard(scope.row)"
>解绑卡</el-button
> -->
</template>
</el-table-column>
</el-table>
......@@ -174,13 +109,7 @@
<!-- 添加或修改人员信息对话框 -->
<!-- 添加或修改人员信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="80px"
:disabled="dialogType === 'view'"
>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<!-- 使用el-row和el-col实现一行两列布局 -->
<el-row :gutter="20">
<el-col :span="12">
......@@ -206,8 +135,35 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="工号" prop="jobNumber">
<el-input v-model="form.jobNumber" placeholder="" />
<el-form-item label="所在部门" prop="cardId">
<el-select
v-model="form.cardId"
placeholder="请选择所在部门"
clearable
>
<el-option
v-for="item in cardIdOptions"
:key="item.cardId"
:label="item.cardId"
:value="item.cardId"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="岗位名称" prop="cardId">
<el-select
v-model="form.cardId"
placeholder="请选择岗位名称"
clearable
>
<el-option
v-for="item in cardIdOptions"
:key="item.cardId"
:label="item.cardId"
:value="item.cardId"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
......@@ -218,16 +174,6 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="籍贯" prop="nativePlace">
<el-input v-model="form.nativePlace" placeholder="" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="健康状态" prop="healthStatus">
<el-input v-model="form.healthStatus" placeholder="" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="出生日期" prop="birth">
<el-date-picker
......@@ -240,26 +186,15 @@
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="移动电话" prop="phone">
<el-input v-model="form.phone" placeholder="" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="身份证号" prop="idNumber">
<el-input v-model="form.idNumber" placeholder="" />
</el-form-item>
</el-col>
<el-col :span="12">
<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 label="联系方式" prop="phone">
<el-input v-model="form.phone" placeholder="" />
</el-form-item>
</el-col>
<el-col :span="12">
......@@ -289,80 +224,6 @@
<el-input v-model="form.professionalTitleNumber" placeholder="" />
</el-form-item>
</el-col>
<!-- 离职日期 - 仅在离职操作时显示 -->
<el-col v-if="dialogType === 'dimission'" :span="12">
<el-form-item label="离职日期" prop="dimissionDate" required>
<el-date-picker
clearable
v-model="form.dimissionDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择离职日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<!-- 返岗日期 - 仅在返岗操作时显示 -->
<el-col v-if="dialogType === 'return'" :span="12">
<el-form-item label="返岗日期" prop="returnDate" required>
<el-date-picker
clearable
v-model="form.returnDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择返岗日期"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<!-- 仅在返岗操作时显示工号和定位卡号 -->
<el-row v-if="dialogType === 'return'">
<el-col :span="12">
<el-form-item label="工号" prop="jobNumber" required>
<el-input v-model="form.jobNumber" placeholder="请输入工号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="定位卡号" prop="cardId" required>
<el-select
v-model="form.cardId"
placeholder="请选择定位卡号"
clearable
>
<el-option
v-for="item in cardIdOptions"
:key="item.cardId"
:label="item.cardId"
:value="item.cardId"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="dialogType !== 'dimission' && dialogType !== 'return'">
<el-col :span="24">
<el-form-item label="人员照片" prop="personPhoto">
<el-upload
class="avatar-uploader"
action=""
:auto-upload="false"
:on-change="handlePhotoUpload"
:show-file-list="false"
accept="image/*"
>
<img
v-if="form.personPhoto"
:src="form.personPhoto"
class="avatar"
/>
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
<div class="upload-tip">点击上传照片</div>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="dialogType !== 'dimission' && dialogType !== 'return'">
<el-col :span="24">
......@@ -373,12 +234,7 @@
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button
v-if="dialogType !== 'view'"
type="primary"
@click="submitForm"
>确 定</el-button
>
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">关 闭</el-button>
</div>
</el-dialog>
......
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