1032 lines
48 KiB
HTML
1032 lines
48 KiB
HTML
<!--基层工会入会申请 何鹏飞 2019-5-9-->
|
|
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
<style>
|
|
.el-table-container {
|
|
padding-top: 0px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.el-collapse-item__content {
|
|
padding-bottom: 0px;
|
|
font-size: 13px;
|
|
color: #303133;
|
|
line-height: 1.769230769230769;
|
|
}
|
|
|
|
.note {
|
|
height: 250px;
|
|
}
|
|
|
|
|
|
.avatar-uploader .el-upload {
|
|
border: 1px dashed #d9d9d9;
|
|
border-radius: 6px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.avatar-uploader .el-upload:hover {
|
|
border-color: #409EFF;
|
|
}
|
|
|
|
.avatar-uploader-icon {
|
|
font-size: 28px;
|
|
color: #8c939d;
|
|
width: 120px;
|
|
height: 120px;
|
|
line-height: 120px;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.avatar {
|
|
width: 120px;
|
|
height: 120px;
|
|
display: block;
|
|
}
|
|
|
|
input[type=file] {
|
|
display: none;
|
|
}
|
|
|
|
#zw .el-table__header th {
|
|
padding: 0;
|
|
height: 150px;
|
|
}
|
|
|
|
el-table__header th {
|
|
border: black;
|
|
}
|
|
|
|
#showtb .el-table td div {
|
|
font-size: 12px;
|
|
}
|
|
|
|
#showtb .el-form-item__label {
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
#rh .el-col {
|
|
border: 1px solid #e5e9f2;
|
|
line-height: 40px;
|
|
height: 40px;
|
|
text-align: center;
|
|
}
|
|
|
|
.tpa {
|
|
padding: 10px;
|
|
text-align: center;
|
|
width: 12%;
|
|
background-color: rgb(250, 250, 250);
|
|
border: 1px solid rgb(220, 220, 220);
|
|
}
|
|
|
|
.tpb {
|
|
padding: 10px;
|
|
text-align: center;
|
|
color: #a0a9b4;
|
|
width: 16%;
|
|
border: 1px solid rgb(220, 220, 220);
|
|
}
|
|
|
|
.disabled .el-upload--picture-card {
|
|
display: none;
|
|
}
|
|
|
|
.el-upload-list__item {
|
|
transition: none !important;
|
|
}
|
|
|
|
.flexbox {
|
|
display: flex;
|
|
}
|
|
|
|
.flexbox .el-form-item {
|
|
width: 50%;
|
|
}
|
|
|
|
|
|
.v-body {
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: #f0f2f5;
|
|
}
|
|
|
|
.v-card {
|
|
width: calc(100% - 50px);
|
|
height: calc(100% - 50px);
|
|
position: relative;
|
|
}
|
|
|
|
.transition-row {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.transition-item {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
</style>
|
|
<link href="${base!}/assets/platform/plugins/umeditor/themes/default/css/umeditor.min.css" type="text/css"
|
|
rel="stylesheet">
|
|
<script src="${base!}/assets/platform/plugins/umeditor/umeditor.config.js"></script>
|
|
<script src="${base!}/assets/platform/plugins/umeditor/umeditor.js"></script>
|
|
<div id="app" v-cloak>
|
|
|
|
<guava ref="guava" style="width: 100%;height: 100%">
|
|
<template>
|
|
<div class="v-body">
|
|
<el-card class="v-card" shadow="never">
|
|
<!--表格-->
|
|
<div id="showtb">
|
|
<el-row class="el-table-container">
|
|
<el-table
|
|
empty-text="您暂无可申请的工会"
|
|
:data="tableData"
|
|
header-align="center"
|
|
default-expand-all="true"
|
|
size="small"
|
|
style="width: 100%;">
|
|
|
|
<el-table-column type="expand">
|
|
<template slot-scope="props">
|
|
<el-tabs v-model="activeName">
|
|
<el-tab-pane label="用户信息" name="first">
|
|
<el-form label-width="80px" :inline="true">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label="姓名">
|
|
<el-lable style="color: black">
|
|
{{props.row.user[0].username}}
|
|
</el-lable>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="性别">
|
|
<el-lable style="color: black">{{props.row.user[0].sex}}
|
|
</el-lable>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="出生日期">
|
|
<el-lable style="color: black">
|
|
{{props.row.user[0].birthday}}
|
|
</el-lable>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
<el-form label-width="80px" :inline="true">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label="职务">
|
|
<el-lable style="color: black">{{props.row.user[0].zw}}
|
|
</el-lable>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="民族">
|
|
<el-lable style="color: black">{{props.row.user[0].mz}}
|
|
</el-lable>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="出生地点">
|
|
<el-lable style="color: black">
|
|
{{props.row.user[0].csdd}}
|
|
</el-lable>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
<el-form label-width="80px" :inline="true">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label="工资">
|
|
<el-lable style="color: black">{{props.row.user[0].gz}}
|
|
</el-lable>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="学历">
|
|
<el-lable style="color: black">{{props.row.user[0].xl}}
|
|
</el-lable>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="政治面貌">
|
|
<el-lable style="color: black">
|
|
{{props.row.user[0].zzmm}}
|
|
</el-lable>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
<el-form label-width="80px" :inline="true">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label="籍贯">
|
|
<el-lable style="color: black">{{props.row.user[0].jg}}
|
|
</el-lable>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="所属单位">
|
|
<el-lable style="color: black">
|
|
{{props.row.user[0].name}}
|
|
</el-lable>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
</el-row>
|
|
</el-form>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="申请记录" name="second">
|
|
<el-table
|
|
empty-text="您暂无申请记录"
|
|
:data="props.row.sqjl"
|
|
header-align="center"
|
|
size="small"
|
|
style="width: 100%;">
|
|
<el-table-column label="序号" header-align="center" align="center"
|
|
type="index">
|
|
<template scope="scope"><span>{{scope.$index+(pageForm.pageNum - 1) * pageForm.pageSize + 1}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
header-align="center"
|
|
prop="xghshr"
|
|
label="审核人">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
header-align="center"
|
|
prop="shsj"
|
|
label="审核时间">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
header-align="center"
|
|
prop="shjy"
|
|
label="审核意见">
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column label="序号" header-align="center" align="center" type="index">
|
|
<template scope="scope">
|
|
<span>{{scope.$index+(pageForm.pageNum - 1) * pageForm.pageSize + 1}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
header-align="center"
|
|
align="center"
|
|
prop="unionname"
|
|
label="基层(院)工会">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
header-align="center"
|
|
prop="unionleader2"
|
|
label="工会主席">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
prop="mobile"
|
|
label="联系电话">
|
|
</el-table-column>
|
|
<!-- <el-table-column
|
|
align="center"
|
|
header-align="center"
|
|
prop="unionleader2"
|
|
label="姓名">
|
|
<template scope="scope">
|
|
<!– <span v-model="${@shiro.getPrincipalProperty('username')}"></span>–>
|
|
</template>
|
|
|
|
</el-table-column>-->
|
|
<el-table-column label="申请状态" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-tag v-if="scope.row.hyzt==0&&(scope.row.sfhy==0||scope.row.sfhy=='')">待申请
|
|
</el-tag>
|
|
<el-tag v-if="scope.row.hyzt==1" type="success">基层工会待审核</el-tag>
|
|
<el-tag v-if="scope.row.hyzt==2" type="danger">基层工会审核拒绝</el-tag>
|
|
<el-tag v-if="scope.row.hyzt==3" type="warning">校工会待审核</el-tag>
|
|
<el-tag v-if="scope.row.hyzt==4" type="danger">校工会审核拒绝</el-tag>
|
|
<el-tag v-if="scope.row.hyzt==5" type="success">校工会审核通过</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" header-align="center" align="center">
|
|
<template slot-scope="scope">
|
|
<el-button size="mini" v-if=" scope.row.id==null || scope.row.id==''"
|
|
type="info">没有可加入的工会
|
|
</el-button>
|
|
<el-button size="mini"
|
|
v-if="(scope.row.hyzt==0||scope.row.hyzt==4)&&(scope.row.sfhy==0||scope.row.sfhy=='') && scope.row.id!=null"
|
|
@click="show(scope.row.id)" type="primary">申请入会
|
|
</el-button>
|
|
<el-button size="mini" v-if="scope.row.hyzt!=0&&scope.row.hyzt!='' "
|
|
@click="see"
|
|
type="success">查看
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<!--分页-->
|
|
<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-row>
|
|
</div>
|
|
</el-card>
|
|
</div>
|
|
|
|
</template>
|
|
<template #edit>
|
|
<el-form label-width="120px" :model="UserForm" ref="addForm">
|
|
<div class="flexbox">
|
|
<el-form-item label="姓名">
|
|
<el-input maxlength="30" placeholder="姓名" disabled v-model="UserForm.username"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="性别">
|
|
<el-input maxlength="30" placeholder="性别" disabled v-model="UserForm.sex"></el-input>
|
|
</el-form-item>
|
|
</div>
|
|
<div class="flexbox">
|
|
<el-form-item label="所属单位">
|
|
<el-input maxlength="30" style="width: 100%" placeholder="所属单位" disabled
|
|
v-model="UserForm.name"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="手机号">
|
|
<el-input maxlength="11" style="width: 100%" placeholder="手机号"
|
|
v-model="UserForm.mobile"></el-input>
|
|
</el-form-item>
|
|
</div>
|
|
<div class="flexbox">
|
|
<el-form-item label="人事编制">
|
|
<el-select v-model="UserForm.rsbz" style="width: 100%" placeholder="请选择人事编制" clearable>
|
|
<el-option
|
|
v-for="item in bzOptions"
|
|
:key="item"
|
|
:label="item"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="Email">
|
|
<el-input maxlength="30" placeholder="Email" v-model="UserForm.email"></el-input>
|
|
</el-form-item>
|
|
</div>
|
|
<div class="flexbox">
|
|
<el-form-item label="籍贯">
|
|
<el-input maxlength="30" placeholder="籍贯" v-model="UserForm.jg"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="职务">
|
|
<el-input maxlength="30" placeholder="职务" v-model="UserForm.zw"></el-input>
|
|
</el-form-item>
|
|
</div>
|
|
<div class="flexbox">
|
|
<el-form-item label="民族">
|
|
<el-select placeholder="民族" style="width: 100%" filterable v-model="UserForm.mz">
|
|
<el-option v-for="mz in mzlist" :value="mz.mzmc" :label="mz.mzmc"
|
|
:key="mz.mzmc"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="工资">
|
|
<el-input-number controls-position="right" v-model.number="UserForm.gz" :min="0"
|
|
style="width: 100%"
|
|
:step="1000"></el-input-number>
|
|
</el-form-item>
|
|
</div>
|
|
<div class="flexbox">
|
|
<el-form-item label="学历">
|
|
<el-select placeholder="学历" style="width: 100%" v-model="UserForm.xl">
|
|
<el-option v-for="xl in xloptions" :value="xl.value" :label="xl.name"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="政治面貌">
|
|
<el-input maxlength="30" placeholder="政治面貌" v-model="UserForm.zzmm"></el-input>
|
|
</el-form-item>
|
|
</div>
|
|
<div class="flexbox">
|
|
<el-form-item label="出生日期">
|
|
<el-date-picker
|
|
style="width: 100%"
|
|
v-model="UserForm.birthday"
|
|
type="date"
|
|
placeholder="选择日期"
|
|
format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd"
|
|
:picker-options="pickerOptions">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item label="出生地点">
|
|
<el-input maxlength="30" placeholder="出生地点" v-model="UserForm.csdd"></el-input>
|
|
</el-form-item>
|
|
</div>
|
|
|
|
<div class="flexbox">
|
|
<el-form-item label="兴趣爱好">
|
|
<el-input maxlength="255" placeholder="兴趣爱好" v-model="UserForm.hobby"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="婚  否">
|
|
<el-radio-group v-model="UserForm.sfhf">
|
|
<el-radio label="已婚" border></el-radio>
|
|
<el-radio label="未婚" border></el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</div>
|
|
|
|
<el-form-item label="家庭成员">
|
|
<span style="color: red">(已结婚填配偶信息，未结婚填父母信息)</span>
|
|
<el-button style="float: right;margin-bottom: 10px" icon="el-icon-plus" size="mini"
|
|
@click="UserForm.jtcy.push({})"> 添加成员
|
|
</el-button>
|
|
<el-table
|
|
:data="UserForm.jtcy"
|
|
border
|
|
size="mini"
|
|
style="width: 100%">
|
|
<el-table-column prop="gx" label="与本人关系" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入与本人关系" maxlength="30" v-model="scope.row.gx"
|
|
clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="xm" label="姓名" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入姓名" maxlength="100" v-model="scope.row.xm"
|
|
clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column prop="dw" label="单位" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入单位" maxlength="100" v-model="scope.row.dw"
|
|
clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="bz" label="备注" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-input placeholder="请输入备注" maxlength="100" v-model="scope.row.bz"
|
|
clearable></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column label="操作" width="100px" align="center" header-align="center">
|
|
<template slot-scope="scope">
|
|
<el-button type="danger" icon="el-icon-delete" circle
|
|
:disabled="UserForm.jtcy.length==0"
|
|
@click="UserForm.jtcy.splice(scope.$index,1)"></el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="个人经历" style="width: 100%">
|
|
<span style="color: red">(有工作经历要填写工作经历，无工作经历从本科学历开始)</span>
|
|
<script type="text/plain" id="note" class="note"></script>
|
|
</el-form-item>
|
|
<el-form-item label="备注">
|
|
<el-input maxlength="200" rows="4" placeholder="备注"
|
|
auto-complete="off" tabindex="8" style="width: 100%"
|
|
:autosize="{ minRows: 4, maxRows: 4 }"
|
|
v-model="UserForm.sqbz" type="textarea"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="照片上传">
|
|
<el-upload
|
|
action="/platform/hy/sqrh/uploadFile"
|
|
list-type="picture-card"
|
|
:file-list="imagelist"
|
|
:class="{disabled:uploadDisabled}"
|
|
:on-preview="handlePictureCardPreview"
|
|
:on-remove="handleRemove"
|
|
:before-upload="beforeAvatarUpload"
|
|
:on-success="handleAvatarSuccess">
|
|
<i class="el-icon-plus"></i>
|
|
|
|
<div class="el-upload__tip" slot="tip" style="color: red">*只能上传jpg/png文件，且不超过2MB的一寸电子照片
|
|
</div>
|
|
</el-upload>
|
|
|
|
<el-dialog :visible.sync="dialogVisible" append-to-body>
|
|
<img width="100%" :src="dialogImageUrl" alt="">
|
|
</el-dialog>
|
|
|
|
</el-form-item>
|
|
</el-form>
|
|
<div style="float: right">
|
|
<el-button @click="qx">取 消</el-button>
|
|
<el-button type="primary" @click="tjsq(0)">保存</el-button>
|
|
<el-button type="success" @click="tjsq(1)">申 请</el-button>
|
|
</div>
|
|
</template>
|
|
<template #view>
|
|
<el-form v-if="ruleForm!=null" label-width="80px">
|
|
<el-collapse v-model="activeNames">
|
|
<el-collapse-item title="用户信息" name="1">
|
|
<el-card>
|
|
<div>
|
|
<table style="width: 100%">
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa">姓  名</td>
|
|
<td class="tpb">{{ruleForm.username}}</td>
|
|
<td class="tpa">性  别</td>
|
|
<td class="tpb">{{ruleForm.sex}}</td>
|
|
<td class="tpa">出生日期</td>
|
|
<td class="tpb">{{ruleForm.birthday}}</td>
|
|
<td rowspan="3">
|
|
<img v-if="ruleForm.imgurl!=''" :src="showPic"
|
|
style="height: 140px;width: 100%">
|
|
<p v-if="ruleForm.imgurl==''" style="text-align: center;line-height: 140%">
|
|
暂无图片</p>
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa">出生地点</td>
|
|
<td class="tpb">{{ruleForm.csdd}}</td>
|
|
<td class="tpa">民  族</td>
|
|
<td class="tpb">{{ruleForm.mz}}</td>
|
|
<td class="tpa">政治面貌</td>
|
|
<td class="tpb">{{ruleForm.zzmm}}</td>
|
|
</tr>
|
|
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa">工  资</td>
|
|
<td class="tpb">{{ruleForm.gz}}</td>
|
|
<td class="tpa">职  称</td>
|
|
<td class="tpb">{{ruleForm.zc}}</td>
|
|
<td class="tpa">联系电话</td>
|
|
<td class="tpb">{{ruleForm.mobile}}</td>
|
|
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa" colspan="1">人事编制</td>
|
|
<td class="tpb" colspan="3">{{ruleForm.rsbz}}</td>
|
|
<td class="tpa" colspan="1">Email</td>
|
|
<td class="tpb" colspan="2">{{ruleForm.email}}</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa" colspan="1">所在部门</td>
|
|
<td class="tpb" colspan="3">{{ruleForm.name}}</td>
|
|
<td class="tpa" colspan="1">现任职务</td>
|
|
<td class="tpb" colspan="2">{{ruleForm.zw}}</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa" colspan="7">个 人 简 历</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpb" colspan="7" v-if="(typeof(ruleForm.grjl)==='undefined')">
|
|
暂无个人简历信息
|
|
</td>
|
|
<td class="tpc" colspan="7" v-if="!(typeof(ruleForm.grjl)==='undefined')">
|
|
<div v-html="ruleForm.grjl"></div>
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
</table>
|
|
</div>
|
|
</el-card>
|
|
</el-collapse-item>
|
|
<el-collapse-item title="家庭成员" name="2">
|
|
<el-table
|
|
:data="ruleForm.jtcy"
|
|
border
|
|
size="mini"
|
|
>
|
|
<el-table-column prop="gx" label="与本人关系" align="center" header-align="center">
|
|
|
|
</el-table-column>
|
|
<el-table-column prop="xm" label="姓名" align="center" header-align="center">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column prop="dw" label="单位" align="center" header-align="center">
|
|
|
|
</el-table-column>
|
|
<el-table-column prop="bz" label="备注" align="center" header-align="center">
|
|
|
|
</el-table-column>
|
|
|
|
</el-table>
|
|
</el-collapse-item>
|
|
<el-collapse-item title="校工会审核信息" name="3">
|
|
<div v-if="ruleForm.xghshjl!=''">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label="审核人">
|
|
<el-lable style="color: grey">{{ruleForm.xghshjl.xghshr}}</el-lable>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
<el-form-item label="审核时间">
|
|
<el-lable style="color: grey">{{ruleForm.xghshjl.shsj}}</el-lable>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col span="24">
|
|
<el-form-item label="审核建议" style="background-color: #E0EEEE;width: 100%">
|
|
</el-form-item>
|
|
<p style="color: grey ;word-wrap: break-word;word-break: break-all;overflow: hidden;text-indent:1em;">
|
|
{{ruleForm.xghshjl.shjy}}</p>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
<div v-else>
|
|
<h4 style="text-align: center;line-height: 40px;font-size: 13px">暂时没有审核信息</h4>
|
|
</div>
|
|
</el-collapse-item>
|
|
</el-collapse>
|
|
</el-form>
|
|
<div v-if="ruleForm==null">
|
|
<h4 style="text-align: center;line-height: 40px;font-size: 13px">暂时没有审核信息</h4>
|
|
</div>
|
|
</template>
|
|
</guava>
|
|
|
|
|
|
<!-- <!–申请表单–>-->
|
|
<!-- <el-dialog title="入会申请" :close-on-click-modal="false" width="65%" top="5%" :visible.sync="editDialogVisible">-->
|
|
<!-- -->
|
|
<!-- </el-dialog>-->
|
|
<!--查看-->
|
|
<!-- <el-dialog title="申请信息" width="65%" custom-class="ViewDialogClass" :visible.sync="seeDialogVisible" top="1%">-->
|
|
<!-- -->
|
|
<!-- </el-dialog>-->
|
|
</div>
|
|
<script>
|
|
var ue = null;
|
|
var vm = new Vue({
|
|
el: "#app",
|
|
data() {
|
|
|
|
return {
|
|
tableData: [],//展示表单
|
|
editDialogVisible: false,//申请
|
|
seeDialogVisible: false,//查看
|
|
user: {},
|
|
list3: {},
|
|
ruleForm: {fghshjl: {}, xghshjl: {}},//用户数据
|
|
pageForm: {//分页
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
},
|
|
starts: ['可以申请', '审核通过', '待基层工会审核', '待校工会审核', '已转出', '已退会', '已开除', '已驳回'],
|
|
activeNames: ["1"],
|
|
unionid: '',
|
|
UserForm: {jtcy: []},
|
|
mzCon: false,
|
|
imageUrl: "",
|
|
showPic: "",
|
|
seeDialogVisible1: false,
|
|
activeName: 'first',
|
|
name: "",
|
|
dialogImageUrl: "",
|
|
dialogVisible: false,
|
|
imagelist: [],
|
|
xloptions: [{
|
|
value: '博士',
|
|
label: '博士'
|
|
}, {
|
|
value: '硕士',
|
|
label: '硕士'
|
|
}, {
|
|
value: '本科',
|
|
label: '本科'
|
|
}, {
|
|
value: '专科',
|
|
label: '专科'
|
|
}, {
|
|
value: '其他',
|
|
label: '其他'
|
|
}],
|
|
pickerOptions: {
|
|
disabledDate(time) {
|
|
return time.getTime() > Date.now() - 8.64e6
|
|
}
|
|
},
|
|
mzlist: [],
|
|
bzOptions: ['事业编制职工（正式职工）', '合同制职工', '人事代理职工', '集体职工', '流动编制职工', '非事业编制职工', '博士后进站人员', '劳务派遣人员', '聘用工（各二级单位聘用）'],
|
|
}
|
|
|
|
},
|
|
components: {
|
|
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
|
'dict-select': httpVueLoader('/components/plugins/DictSelect.vue?v=1.0.4'),
|
|
},
|
|
methods: {
|
|
pageNumberChange(val) {//页码更新操作
|
|
this.pageForm.pageNum = val;
|
|
this.pageData();
|
|
},
|
|
pageSizeChange(val) {//分页大小更新操作
|
|
this.pageForm.pageSize = val;
|
|
this.pageData();
|
|
},
|
|
pageData() {//加载分页数据
|
|
sublime.showLoadingbar();//显示loading
|
|
$.post(base + "/platform/hy/sqrh/data", this.pageForm, (data) => {
|
|
sublime.closeLoadingbar();//关闭loading
|
|
if (data.code == 0) {
|
|
|
|
this.tableData = data.data.sq.list;
|
|
console.log(this.tableData)
|
|
this.tableData.forEach(function (val) {
|
|
if (val.sfhy == undefined) {
|
|
val.sfhy = 0;
|
|
}
|
|
if (val.hyzt == undefined) {
|
|
val.hyzt = 0;
|
|
}
|
|
})
|
|
for (let i = 0; i < this.tableData.length; i++) {
|
|
this.tableData[i].unionleader2 = data.data.sa[i].unionleader2
|
|
}
|
|
this.pageForm.totalCount = data.data.sq.totalCount;
|
|
this.mzlist = data.data.mz;
|
|
} else {
|
|
this.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
},
|
|
show(id) {//加载用户信息
|
|
this.findUser();
|
|
this.unionid = id;
|
|
this.$refs.guava.edit()
|
|
|
|
},
|
|
findUser() {
|
|
var self = this;
|
|
self.imagelist = []
|
|
$.post(base + "/platform/hy/sqrh/findUser", function (data) {
|
|
if (data.code == 0) {
|
|
self.UserForm = data.data;
|
|
if (self.UserForm.jtcy == "" || self.UserForm.jtcy == null || self.UserForm == undefined) {
|
|
self.UserForm.jtcy = [];
|
|
} else {
|
|
self.UserForm.jtcy = JSON.parse(self.UserForm.jtcy);
|
|
}
|
|
|
|
if (self.UserForm.imgurl != "" && self.UserForm.imgurl != undefined) {
|
|
self.imagelist.push({
|
|
name: "123",
|
|
url: base + '/platform/hy/sqrh/showPic?filePath=' + self.UserForm.imgurl
|
|
})
|
|
}
|
|
|
|
|
|
//加载富文本框
|
|
ue = UM.getEditor('note', {
|
|
toolbar: ['removeformat | undo redo | bold italic underline | justifyleft justifyright justifycenter | insertorderedlist insertunorderedlist | cleardoc'],
|
|
initialFrameWidth: '100%',//设置编辑器高度
|
|
});
|
|
ue.ready(function () {
|
|
if (self.UserForm.grjl != undefined) {
|
|
ue.setContent(self.UserForm.grjl);
|
|
}
|
|
|
|
})
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
},
|
|
tjsq(con) {//提交申请
|
|
var self = this;
|
|
if (self.UserForm.jg == "") {
|
|
self.$message({
|
|
message: "籍贯不能为空",
|
|
type: 'error'
|
|
})
|
|
return;
|
|
}
|
|
|
|
if (self.UserForm.zw == "") {
|
|
self.$message({
|
|
message: "职务不能为空",
|
|
type: 'error'
|
|
})
|
|
return;
|
|
}
|
|
if (self.UserForm.mobile === '') {
|
|
self.$message.warning('请输入手机号');
|
|
return;
|
|
}
|
|
|
|
if (self.UserForm.mz == "") {
|
|
self.$message({
|
|
message: "民族不能为空",
|
|
type: 'error'
|
|
})
|
|
return;
|
|
}
|
|
|
|
if (self.UserForm.xl == "") {
|
|
self.$message({
|
|
message: "学历不能为空",
|
|
type: 'error'
|
|
})
|
|
return;
|
|
}
|
|
|
|
if (self.UserForm.zzmm == "") {
|
|
self.$message({
|
|
message: "政治面貌不能为空",
|
|
type: 'error'
|
|
})
|
|
return;
|
|
}
|
|
|
|
|
|
if (self.UserForm.birthday == "") {
|
|
self.$message({
|
|
message: "出生日期不能为空",
|
|
type: 'error'
|
|
})
|
|
return;
|
|
}
|
|
|
|
if (ue.getContent() == "") {
|
|
self.$message({
|
|
message: "个人简历不能为空",
|
|
type: 'error'
|
|
})
|
|
return;
|
|
}
|
|
if (ue.getContent().length >= 5000) {
|
|
self.$message({
|
|
message: "超出字符上限",
|
|
type: 'error'
|
|
})
|
|
return;
|
|
}
|
|
if (con == 1) {
|
|
self.UserForm.hyzt = '1';
|
|
}
|
|
|
|
self.$refs["addForm"].validate(function (valid) {
|
|
if (valid) {
|
|
self.UserForm.unionid = self.unionid;
|
|
self.UserForm.imgUrl = self.UserForm.imgurl;
|
|
self.UserForm.grjl = ue.getContent()
|
|
self.UserForm.jtcy = JSON.stringify(self.UserForm.jtcy);
|
|
$.post(base + "/platform/hy/sqrh/hysqrh", self.UserForm, function (data) {
|
|
if (data.code == 0) {
|
|
if (con == 1) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
} else {
|
|
self.$message({
|
|
message: "保存成功",
|
|
type: 'success'
|
|
});
|
|
}
|
|
|
|
self.pageData();
|
|
self.$refs.guava.index()
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
});
|
|
},
|
|
see() {//查看详情
|
|
this.$refs.guava.view()
|
|
this.findShjl();
|
|
},
|
|
findShjl() {//获取信息
|
|
var self = this;
|
|
$.post(base + "/platform/hy/sqrh/findShjl", function (data) {
|
|
if (data.code == 0) {
|
|
self.ruleForm = data.data;
|
|
if (self.ruleForm.jtcy == "" || self.ruleForm.jtcy == null || self.ruleForm == undefined) {
|
|
self.ruleForm.jtcy = [];
|
|
} else {
|
|
var jtcy = JSON.parse(self.ruleForm.jtcy)
|
|
self.ruleForm.jtcy = JSON.parse(self.ruleForm.jtcy);
|
|
}
|
|
self.showPic = base + '/platform/hy/sqrh/showPic?filePath=' + self.ruleForm.imgurl
|
|
} else {
|
|
self.$message({
|
|
message: "系统异常",
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
},
|
|
handleAvatarSuccess(res, file) {
|
|
var self = this;
|
|
if (res.code == 0) {
|
|
self.imagelist.push({name: file.name, url: file.url})
|
|
self.dialogImageUrl = URL.createObjectURL(file.raw);
|
|
self.UserForm.imgurl = res.data;
|
|
self.$message({
|
|
message: res.msg,
|
|
type: 'success'
|
|
});
|
|
|
|
} else {
|
|
self.$message({
|
|
message: res.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
|
|
},
|
|
beforeAvatarUpload(file) {
|
|
|
|
var isLt2M = file.size / 1024 / 1024 < 2;
|
|
var isJPG = file.type === 'image/jpeg';
|
|
var isPng = file.type === 'image/png';
|
|
if (!isJPG && !isPng) {
|
|
this.$message.error('上传头像图片只能是 JPG和PNG格式!');
|
|
}
|
|
if (!isLt2M) {
|
|
this.$message.error('上传头像图片大小不能超过 2MB!');
|
|
}
|
|
return (isJPG || isPng) && isLt2M;
|
|
|
|
},
|
|
qx() {
|
|
this.$refs.guava.index();
|
|
if (this.UserForm.imgurl != "") {
|
|
$.post(base + "/platform/hy/sqrh/delImg", {"imgurl": this.UserForm.imgurl})
|
|
}
|
|
|
|
},
|
|
handleRemove(file) {
|
|
this.imagelist.splice(0, 1);
|
|
if (this.UserForm.imgurl != "") {
|
|
$.post(base + "/platform/hy/sqrh/delImg", {"imgurl": this.UserForm.imgurl})
|
|
this.UserForm.imgurl = ""
|
|
}
|
|
|
|
|
|
},
|
|
handlePictureCardPreview(file) {
|
|
|
|
this.dialogImageUrl = file.url;
|
|
this.dialogVisible = true;
|
|
|
|
|
|
},
|
|
|
|
|
|
},
|
|
created() {
|
|
this.pageData();
|
|
|
|
},
|
|
computed: {
|
|
|
|
uploadDisabled() {
|
|
return this.imagelist.length > 0
|
|
},
|
|
|
|
},
|
|
})
|
|
|
|
|
|
</script>
|
|
<!--#
|
|
}
|
|
#--> |