460 lines
19 KiB
HTML
460 lines
19 KiB
HTML
<!--导入源数据-->
|
|
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
<div id="app" v-cloak>
|
|
<el-row class="header navbar bg-white shadow">
|
|
<div class="btn-group tool-button mt5">
|
|
<el-date-picker
|
|
v-model="pageForm.time"
|
|
type="date"
|
|
:clearable="false"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<div>
|
|
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword">
|
|
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询" style="width: 100px;">
|
|
<el-option label="工号" value="loginname"></el-option>
|
|
<el-option label="姓名" value="name"></el-option>
|
|
</el-select>
|
|
</el-input>
|
|
</div>
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select v-model="pageForm.dwid" filterable clearable placeholder="请选择单位">
|
|
<el-option
|
|
v-for="item in unitlist"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select v-model="pageForm.rylx" style="width: 100%" filterable clearable placeholder="请选择人员类型">
|
|
<el-option
|
|
label="教职工" value="教职工">
|
|
</el-option>
|
|
<el-option
|
|
label="劳务派遣人员" value="劳务派遣人员">
|
|
</el-option>
|
|
<el-option
|
|
label="劳动服务公司" value="劳动服务公司">
|
|
</el-option>
|
|
<el-option
|
|
label="离退休人员" value="离退休人员">
|
|
</el-option>
|
|
<el-option
|
|
label="后勤聘用人员" value="后勤聘用人员">
|
|
</el-option>
|
|
<el-option
|
|
label="单位自聘人员" value="单位自聘人员">
|
|
</el-option>
|
|
<el-option
|
|
label="去世人员" value="去世人员">
|
|
</el-option>
|
|
|
|
</el-select>
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<el-button slot="append" icon="el-icon-search" type="primary" @click="doSearch"></el-button>
|
|
</div>
|
|
<div class="pull-right offscreen-right mt5">
|
|
<el-button size="medium" @click="delUser" >批量删除</el-button>
|
|
<el-button size="medium" @click="update" >导入</el-button>
|
|
</div>
|
|
</el-row>
|
|
<!--表格-->
|
|
<div>
|
|
<el-row class="el-table-container">
|
|
<el-table
|
|
:data="tableData"
|
|
header-align="center"
|
|
size="small"
|
|
style="width: 100%;">
|
|
<el-table-column
|
|
align="center"
|
|
header-align="center"
|
|
prop="loginname"
|
|
label="工号">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
header-align="center"
|
|
prop="name"
|
|
label="姓名">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
header-align="center"
|
|
prop="sex"
|
|
label="性别">
|
|
</el-table-column>
|
|
<el-table-column
|
|
header-align="center"
|
|
align="center"
|
|
prop="drtime"
|
|
label="导入日期">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
header-align="center"
|
|
prop="idcard"
|
|
label="身份证">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
header-align="center"
|
|
prop="birthday"
|
|
label="出生日期">
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
align="center"
|
|
header-align="center"
|
|
prop="phone"
|
|
label="手机号码">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
prop="departmentname"
|
|
label="所属单位">
|
|
<template scope="scope">
|
|
{{'('+scope.row.departmentid+')'+scope.row.departmentname}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
prop="rxsj"
|
|
label="入校时间">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
prop="duties"
|
|
label="人员类型">
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
align="center"
|
|
prop="userstate"
|
|
label="人员状态">
|
|
</el-table-column>
|
|
|
|
<el-table-column label="操作" header-align="center" align="center">
|
|
<template slot-scope="scope">
|
|
<el-button size="mini" @click="see(scope)" >查看</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-row>
|
|
|
|
</div>
|
|
|
|
<!--分页-->
|
|
<el-row class="el-pagination-container">
|
|
<el-pagination
|
|
@size-change="pageSizeChange"
|
|
@current-change="pageNumberChange"
|
|
:current-page="pageForm.pageNum"
|
|
:page-sizes="[10, 20, 30, 50]"
|
|
:page-size="pageForm.pageSize"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
:total="pageForm.totalCount">
|
|
</el-pagination>
|
|
</el-row>
|
|
|
|
<el-dialog
|
|
:close-on-click-modal="false"
|
|
title="查看"
|
|
:visible.sync="viewDialogVisible"
|
|
top="1%"
|
|
width="60%">
|
|
<el-form :model="formData" ref="addForm" :disabled="true" size="small" label-width="100px">
|
|
|
|
|
|
<el-divider content-position="left"><span style="color: rgb(121, 187, 255)">基本资料</span></el-divider>
|
|
<el-form-item class="is-required" prop="unitid" label="所属单位">
|
|
<el-select v-model="formData.departmentid" style="width: 100%" filterable clearable placeholder="请选择单位">
|
|
<el-option
|
|
v-for="item in unitlist"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="loginname" label="工  号">
|
|
<el-input maxlength="100" placeholder="工号"
|
|
v-model="formData.loginname"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item prop="duties" label="职工类型">
|
|
<el-radio v-model="formData.duties" label="教职工">教职工</el-radio>
|
|
<el-radio v-model="formData.duties" label="劳务派遣人员">劳务派遣人员</el-radio>
|
|
<el-radio v-model="formData.duties" label="劳动服务公司">劳动服务公司</el-radio>
|
|
<el-radio v-model="formData.duties" label="离退休人员">离退休人员</el-radio>
|
|
<el-radio v-model="formData.duties" label="后勤聘用人员">后勤聘用人员</el-radio>
|
|
<el-radio v-model="formData.duties" label="单位自聘人员">单位自聘人员</el-radio>
|
|
<el-radio v-model="formData.duties" label="去世人员">去世人员</el-radio>
|
|
</el-form-item>
|
|
|
|
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="name" label="姓  名">
|
|
<el-input maxlength="100" placeholder="姓名"
|
|
v-model="formData.name"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="sex" class="is-required" label="性  别">
|
|
<el-radio v-model="formData.sex" label="男" border size="small">男</el-radio>
|
|
<el-radio v-model="formData.sex" label="女" border size="small">女</el-radio>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="birthday" label="出生日期">
|
|
<el-date-picker style="width: 100%" v-model="formData.birthday" format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd" type="date" placeholder="出生日期"></el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="csdd" label="出生地点">
|
|
<el-input maxlength="100" placeholder="出生地点"
|
|
v-model="formData.csdd"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-divider content-position="left"><span style="color: rgb(121, 187, 255)">个人信息</span></el-divider>
|
|
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="zw" label="职  务">
|
|
<el-input maxlength="100" placeholder="职务"
|
|
v-model="formData.zw"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="zc" label="职  称">
|
|
<el-input maxlength="100" placeholder="职称"
|
|
v-model="formData.zc"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="jg" label="籍  贯">
|
|
<el-input maxlength="100" placeholder="籍贯"
|
|
v-model="formData.jg"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="mz" label="民  族">
|
|
<el-input maxlength="100" placeholder="民族"
|
|
v-model="formData.mz"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="phone" label="手 机 号">
|
|
<el-input maxlength="100" placeholder="手机号"
|
|
v-model="formData.phone"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="email" label="邮  箱">
|
|
<el-input maxlength="100" placeholder="邮箱"
|
|
v-model="formData.email"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item prop="xl" label="学  历">
|
|
<el-input maxlength="100" placeholder="学历"
|
|
v-model="formData.xl"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="zzmm" label="政治面貌">
|
|
<el-input maxlength="100" placeholder="政治面貌"
|
|
v-model="formData.zzmm"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-form-item label="入校时间">
|
|
<el-date-picker style="width: 100%" v-model="formData.rxsj" format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd" type="date" placeholder="入校时间"></el-date-picker>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="zzzt" label="就业状态">
|
|
<el-select v-model="formData.zzzt" filterable style="width: 100%" placeholder="请选择就业状态">
|
|
<el-option value="在职">在职</el-option>
|
|
<el-option value="在职不在岗">在职不在岗</el-option>
|
|
<el-option value="退休">退休</el-option>
|
|
<el-option value="离职">离职</el-option>
|
|
<el-option value="调出">调出</el-option>
|
|
<el-option value="死亡">死亡</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="viewDialogVisible = false">关 闭</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
</div>
|
|
<script>
|
|
const vue = new Vue({
|
|
el: "#app",
|
|
data() {
|
|
|
|
return {
|
|
tableData: [],//展示表单
|
|
pageForm: {//分页
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
searchName:"name",
|
|
|
|
},
|
|
unitlist:[],
|
|
viewDialogVisible:false,
|
|
formData:{}
|
|
}
|
|
|
|
},
|
|
methods: {
|
|
doSearch(){
|
|
this.pageForm.pageNum=1;
|
|
this.pageData();
|
|
},
|
|
pageNumberChange(val) {//页码更新操作
|
|
this.pageForm.pageNum = val;
|
|
this.pageData();
|
|
},
|
|
pageSizeChange(val) {//分页大小更新操作
|
|
this.pageForm.pageSize = val;
|
|
this.pageData();
|
|
},
|
|
pageData() {//加载分页数据
|
|
var self = this;
|
|
sublime.showLoadingbar();//显示loading
|
|
$.post(base + "/platform/ysj/dr/data", self.pageForm, function (data) {
|
|
sublime.closeLoadingbar();//关闭loading
|
|
if (data.code == 0) {
|
|
self.tableData = data.data.list;
|
|
self.pageForm.totalCount = data.data.totalCount;
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
},
|
|
update(){
|
|
var self = this;
|
|
self.$confirm('确定要导入吗? ' , '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback: function (a, b) {
|
|
if ("confirm" == a) {//确认后再执行
|
|
const loading = self.$loading({
|
|
lock: true,
|
|
text: 'Loading',
|
|
spinner: 'el-icon-loading',
|
|
background: 'rgba(0, 0, 0, 0.7)'
|
|
});
|
|
$.post(base + "/platform/ysj/dr/update", self.pageForm, function (data) {
|
|
sublime.closeLoadingbar();//关闭loading
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.pageData();
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
loading.close();
|
|
}, "json");
|
|
}
|
|
}
|
|
})
|
|
|
|
},
|
|
see(scope){
|
|
this.formData=scope.row
|
|
this.viewDialogVisible=true;
|
|
},
|
|
getUnit(){
|
|
var self=this;
|
|
$.post(base+"/platform/ysj/dr/getUnit",function (data) {
|
|
self.unitlist=data.data;
|
|
})
|
|
}
|
|
,
|
|
delUser(){
|
|
var self=this;
|
|
self.$confirm('确定要删除吗? ' , '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback: function (a, b) {
|
|
if ("confirm" == a) {//确认后再执行
|
|
$.post(base+"/platform/ysj/dr/delUser",self.pageForm,function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.pageData();
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
created() {
|
|
this.pageData();
|
|
this.getUnit();
|
|
},
|
|
})
|
|
|
|
|
|
</script>
|
|
<!--#
|
|
}
|
|
#--> |