first commit
This commit is contained in:
@@ -0,0 +1,272 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" clearable slot="prepend" placeholder="查询类型"
|
||||
style="width: 120px;">
|
||||
<el-option label="子女姓名" value="dj_znname"></el-option>
|
||||
<el-option label="教职工姓名" value="ur.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="pull-right offscreen-right">
|
||||
<el-radio-group v-model="pageForm.isAudit" @change="doSearch">
|
||||
<el-radio-button :label="1">全部</el-radio-button>
|
||||
<el-radio-button :label="2">已审核</el-radio-button>
|
||||
<el-radio-button :label="3">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-button icon="el-icon-search" @click="doSearch"
|
||||
style="background-color:#409eff;color: white;"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData">
|
||||
<el-table-column label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="dj_znname" label="子女姓名">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column
|
||||
prop="jzgname"
|
||||
label="教职工姓名"
|
||||
>
|
||||
<template scope="scope">
|
||||
{{scope.row.jzgname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
prop="dj_jzgzngx"
|
||||
label="子女关系">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_jzgzngx}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column align="center" header-align="center" label="部门工会" prop="jzgfghname"
|
||||
show-overflow-tooltip sortable width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_iphone"
|
||||
label="手机号码">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_iphone}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_djlx"
|
||||
label="登记类型" sortable>
|
||||
<template scope="{row}">
|
||||
<span v-if="row.dj_djlx==1">幼儿园</span>
|
||||
<span v-if="row.dj_djlx==2">幼升小</span>
|
||||
<span v-if="row.dj_djlx==3">小升初</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="信息审核状态">
|
||||
<template scope="{row}">
|
||||
<span style="color: #e6a23c" v-if="row.dj_sqzt==1">待部门工会审核</span>
|
||||
<span style="color: #f56c6c" v-if="row.dj_sqzt==3">部门工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==2" style="color: #e6a23c">待校工会审核</span>
|
||||
<span v-if="row.dj_sqzt==4" style="color: #f56c6c">校工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==5" style="color: #67c23a">审核通过</span>
|
||||
<span v-if="row.dj_sqzt==0">待重新提交</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="200px">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" @click="openView(row)">查看
|
||||
</el-button>
|
||||
<el-button v-if="row.dj_sqzt===1" size="mini" type="primary" @click="openAudit(row)">审核
|
||||
</el-button>
|
||||
<el-button v-if="[2,3].includes(row.dj_sqzt)" size="mini" type="danger" @click="ch(row)">
|
||||
撤回
|
||||
</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.pageNumber"
|
||||
: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-card>
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<rxdj-info ref="auditInfo">
|
||||
<template slot="audit">
|
||||
<el-tab-pane :name="fghAuditTabName" label="部门工会审核">
|
||||
<el-form :model="formData" ref="Form" label-width="100px">
|
||||
<el-form-item label="审核人">
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核意见" prop="dj_fghshyj">
|
||||
<el-input v-model="formData.dj_fghshyj" type="textarea" maxlength="300"
|
||||
rows="5"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
|
||||
<el-button type="danger" @click="doHandle(3)">拒 绝</el-button>
|
||||
<el-button type="info" @click="doHandle(0)">退 回</el-button>
|
||||
<el-button type="success" @click="doHandle(2)">通 过</el-button>
|
||||
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</rxdj-info>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<rxdj-info ref="viewInfo"></rxdj-info>
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'rxdj-info': httpVueLoader('/components/zgfw/rxdj/rxdj.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
pageForm: {
|
||||
lx: 1,
|
||||
year: moment().format('YYYY') + "",
|
||||
isAudit: 3
|
||||
},
|
||||
smm: {status: 'table', id: ''},
|
||||
tableData: [],
|
||||
formData: {},
|
||||
fghAuditTabName: 'fghAuditTabName'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageData: function () {
|
||||
$.post(base + '/platform/zgfw/rxdj/sh/pageData', this.pageForm).then(res => {
|
||||
this.tableData = res.data.list
|
||||
this.pageForm.totalCount = res.data.totalCount
|
||||
})
|
||||
},
|
||||
openView(row) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(clone(row))
|
||||
},
|
||||
openAudit(row) {
|
||||
this.formData = clone(row)
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openAudit(clone(row), this.fghAuditTabName)
|
||||
},
|
||||
async doHandle(s) {
|
||||
let title = s === 2 ? "通过" : s === 3 ? "拒绝" : "退回"
|
||||
const confirm = await this.$confirm('确认要' + title + '吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
this.formData.dj_sqzt = s
|
||||
const resp = await $.post('/platform/zgfw/rxdj/sh/dofghSh', this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs.guava.index()
|
||||
this.pageData()
|
||||
}
|
||||
}
|
||||
},
|
||||
ch(row) {
|
||||
this.$confirm('确定要撤回吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
$.post('/platform/zgfw/rxdj/sh/doch', {dj_id: row.dj_id, dj_sqzt: 1}).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.$message.success(res.msg)
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
}).catch(() => {
|
||||
});
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,672 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<!-- 在 head 标签中添加 meta 标签，并设置 viewport-fit=cover 值 -->
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
|
||||
<title>南京大学教职工子女入学登记
|
||||
</title>
|
||||
<!-- 引入样式文件 -->
|
||||
<link rel="stylesheet" href="https://cdn.staticfile.org/vant/2.12.5/index.min.css">
|
||||
<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.2.0/weui.min.css">
|
||||
|
||||
<!-- 引入 Vue 和 Vant 的 JS 文件 -->
|
||||
<script src="https://cdn.staticfile.org/vue/2.6.9/vue.min.js"></script>
|
||||
<script src="https://cdn.staticfile.org/vant/2.12.5/vant.min.js"></script>
|
||||
<script src="https://cdn.staticfile.org/jquery/1.11.1/jquery.min.js"></script>
|
||||
<script src="/assets/platform/plugins/moment/moment.min.js"></script>
|
||||
|
||||
</head>
|
||||
<style>
|
||||
[v-clock] {
|
||||
display: none
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
font-family: PingFang SC, 'Helvetica Neue', Arial, sans-serif;
|
||||
}
|
||||
|
||||
#v-cover {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
z-index: 9999;
|
||||
box-sizing: border-box;
|
||||
/*background-color: rgba(216,191,216,.3);*/
|
||||
background-image: url(//image.wjx.com/images/newimg/mobile-cover/cover3@1x.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-color: #7b99ec;
|
||||
}
|
||||
|
||||
@keyframes mylogo {
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes mylogo /* Firefox */
|
||||
{
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes mylogo /* Safari 和 Chrome */
|
||||
{
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes mylogo /* Opera */
|
||||
{
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
.start_title {
|
||||
position: relative;
|
||||
font-size: 12px;
|
||||
/*color: rgb(106, 0, 95);*/
|
||||
color: white;
|
||||
animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Firefox: */
|
||||
-moz-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Safari 和 Chrome: */
|
||||
-webkit-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Opera: */
|
||||
-o-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
}
|
||||
|
||||
.start_logo {
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
/*border: rgb(106, 0, 95) 1px solid;*/
|
||||
border: white 1px solid;
|
||||
position: relative;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
margin-bottom: 30px;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Firefox: */
|
||||
-moz-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Safari 和 Chrome: */
|
||||
-webkit-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Opera: */
|
||||
-o-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
}
|
||||
|
||||
.v-cover-title {
|
||||
padding: 30px 20px;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 60%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.van-doc-demo-block__title {
|
||||
margin: 0;
|
||||
padding: 0 16px;
|
||||
color: rgba(69, 90, 100, 0.6);
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.delete-button {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.van-swipe-cell__wrapper {
|
||||
border: none;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div id="v-cover">
|
||||
<div class="v-cover-title">
|
||||
<div style="font-size: 24px;width: 100%;text-align: center;color: white">幼儿园秋季入园登记</div>
|
||||
</div>
|
||||
<div style="position: absolute;height: 55px;width: 100%;bottom: 0;left: 0;text-align: center">
|
||||
<div class="start_title" style="height: 16px;line-height: 16px">上滑开始</div>
|
||||
<div class="start_logo">
|
||||
<svg style="height: 40%;width: 100%;margin-top: 30%" t="1583736487548" class="icon" viewBox="0 0 1462 1024"
|
||||
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3119" width="32" height="32">
|
||||
<path d="M788.187 477.842a80.823 80.823 0 0 0-111.908 0l-484.937 469.65c-21.358 20.773-26.99 50.25-18.652 76.508l494.958-415.451c6.437-5.486 13.75-9.436 21.358-13.02 26.331-16.603 60.708-16.603 86.82 0.146 7.46 3.438 14.629 7.388 20.846 12.727L1291.776 1024a74.533 74.533 0 0 0-18.725-76.654L788.187 477.842z m645.56 165.01L804.132 29.33a104.74 104.74 0 0 0-145.335 0L29.038 642.853C1.17 669.915-5.925 708.535 4.754 742.839l642.56-542.866a121.417 121.417 0 0 1 27.868-16.97 105.106 105.106 0 0 1 112.786 0.366c9.655 4.389 18.87 9.801 27.136 16.604l642.926 542.866a97.134 97.134 0 0 0-24.357-99.986z"
|
||||
p-id="3120" fill="white"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-clock id="app" style="width: 100%;height: 100%;position: relative;overflow-y: auto;">
|
||||
<van-nav-bar title="入学登记" fixed placeholder safe-area-inset-top @click-left="history.back()"
|
||||
:left-arrow="leftArrow"></van-nav-bar>
|
||||
<div>
|
||||
<van-image
|
||||
width="100%"
|
||||
height="200px"
|
||||
fit="cover"
|
||||
src="https://zhgh.nju.edu.cn/file_server/assets/school_apply_bg.webp"
|
||||
/>
|
||||
</div>
|
||||
<van-form @submit="doSubmit" style="margin-top: 10px">
|
||||
<van-tabs v-model="checked" color="rgb(106, 0, 95)" type="card">
|
||||
<van-tab name="1" title="基础信息">
|
||||
<div style="width: 100%;padding: 16px 0;">
|
||||
<h2 class="van-doc-demo-block__title" style="font-weight: bolder;color: rgb(106, 0, 95)">
|
||||
用户信息</h2>
|
||||
</div>
|
||||
<van-cell-group>
|
||||
<van-field
|
||||
@input="doInput"
|
||||
required
|
||||
v-model="formData.loginname"
|
||||
name="loginname"
|
||||
label="工  号"
|
||||
placeholder="工资号"
|
||||
:rules="[{ required: true, message: '请填写工资号' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
v-model="formData.username"
|
||||
name="username"
|
||||
label="姓  名"
|
||||
:placeholder="getPlaceholder(formData,'username')"
|
||||
></van-field>
|
||||
<van-field
|
||||
v-model="formData.unionname"
|
||||
name="unionname"
|
||||
label="所属工会"
|
||||
:placeholder="getPlaceholder(formData,'unionname')"
|
||||
></van-field>
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_iphone"
|
||||
name="dj_iphone"
|
||||
label="手机号码"
|
||||
placeholder="手机号码"
|
||||
:rules="[{ required: true, message: '请填写手机号码' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_zw"
|
||||
name="dj_zw"
|
||||
label="职  务"
|
||||
placeholder="职务"
|
||||
:rules="[{ required: true, message: '请填写职务' }]"
|
||||
></van-field>
|
||||
</van-cell-group>
|
||||
<div style="width: 100%;padding: 16px 0;">
|
||||
<h2 class="van-doc-demo-block__title" style="font-weight: bolder;color: rgb(106, 0, 95)">
|
||||
登记信息</h2>
|
||||
</div>
|
||||
<van-cell-group>
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_znname"
|
||||
name="dj_znname"
|
||||
label="子女姓名"
|
||||
placeholder="子女姓名"
|
||||
:rules="[{ required: true, message: '请填写子女姓名' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_znzsny"
|
||||
:value="formData.dj_znzsny"
|
||||
label="出生日期"
|
||||
placeholder="点击选择"
|
||||
@click="birthdayShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择出生日期' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="birthdayShowPicker" position="bottom">
|
||||
<van-datetime-picker
|
||||
type="date"
|
||||
:min-date="new Date('2000-01-01')"
|
||||
:max-date="new Date()"
|
||||
@confirm="birthdayConfirm"
|
||||
@cancel="birthdayShowPicker = false"
|
||||
></van-datetime-picker>
|
||||
</van-popup>
|
||||
<van-field
|
||||
@blur="checkIdCard"
|
||||
required
|
||||
name="dj_znidcard"
|
||||
v-model="formData.dj_znidcard"
|
||||
label="身份证号"
|
||||
placeholder="身份证号"
|
||||
:rules="[{ required: true, message: '请填写子女身份证号' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_jzgzngx"
|
||||
:value="formData.dj_jzgzngx"
|
||||
label="子女关系"
|
||||
placeholder="点击选择"
|
||||
@click="dj_jzgzngxShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择子女关系' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_jzgzngxShowPicker" position="bottom">
|
||||
<van-picker
|
||||
show-toolbar
|
||||
:columns="fzgxArr"
|
||||
@confirm="function(val){formData.dj_jzgzngx=val;dj_jzgzngxShowPicker=false}"
|
||||
@cancel="dj_jzgzngxShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_sqxx"
|
||||
:value="formData.dj_sqxx"
|
||||
label="申请班级"
|
||||
placeholder="点击选择"
|
||||
@click="dj_sqxxShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择申请班级' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_sqxxShowPicker" position="bottom">
|
||||
<van-picker
|
||||
show-toolbar
|
||||
:columns="sqbjArr"
|
||||
@confirm="function(val){formData.dj_sqxx=val;dj_sqxxShowPicker=false}"
|
||||
@cancel="dj_sqxxShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
<van-field
|
||||
v-model="formData.dj_wxqyy"
|
||||
name="dj_wxqyy"
|
||||
label="备  注"
|
||||
rows="2"
|
||||
autosize
|
||||
type="textarea"
|
||||
placeholder="请输入备注"
|
||||
></van-field>
|
||||
</van-cell-group>
|
||||
</van-tab>
|
||||
<van-tab name="2" title="材料信息">
|
||||
<van-cell-group style="margin-top: 20px">
|
||||
<van-field label="户口簿照片" required label-width="250" disabled style="border: none;"></van-field>
|
||||
<van-field>
|
||||
<template #input>
|
||||
<van-uploader multiple
|
||||
accept="image/*"
|
||||
:max-count="5"
|
||||
v-model="formData.fileList1">
|
||||
</van-uploader>
|
||||
</template>
|
||||
</van-field>
|
||||
<van-field label="子女出生证照片" required label-width="250" disabled style="border: none;"></van-field>
|
||||
<van-field>
|
||||
<template #input>
|
||||
<van-uploader multiple
|
||||
accept="image/*"
|
||||
:max-count="5"
|
||||
v-model="formData.fileList2">
|
||||
</van-uploader>
|
||||
</template>
|
||||
</van-field>
|
||||
<!-- <van-field label="人才骨干证明材料" label-width="250" disabled style="border: none;"></van-field>-->
|
||||
<!-- <van-field>-->
|
||||
<!-- <template #input>-->
|
||||
<!-- <van-uploader multiple-->
|
||||
<!-- accept="image/*"-->
|
||||
<!-- :max-count="5"-->
|
||||
<!-- v-model="formData.fileList3">-->
|
||||
<!-- </van-uploader>-->
|
||||
<!-- </template>-->
|
||||
<!-- </van-field>-->
|
||||
<!-- <van-field label="无学区房证明材料" label-width="250" disabled style="border: none;"></van-field>-->
|
||||
<!-- <van-field>-->
|
||||
<!-- <template #input>-->
|
||||
<!-- <van-uploader multiple-->
|
||||
<!-- accept="image/*"-->
|
||||
<!-- :max-count="5"-->
|
||||
<!-- v-model="formData.fileList4">-->
|
||||
<!-- </van-uploader>-->
|
||||
<!-- </template>-->
|
||||
<!-- </van-field>-->
|
||||
</van-cell-group>
|
||||
</van-tab>
|
||||
</van-tabs>
|
||||
|
||||
<div style="margin: 16px;">
|
||||
<van-button round block color="rgb(106, 0, 95)" :disabled="subFlag" type="info" native-type="submit">
|
||||
提交
|
||||
</van-button>
|
||||
</div>
|
||||
</van-form>
|
||||
<van-number-keyboard safe-area-inset-bottom/>
|
||||
</div>
|
||||
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
|
||||
<script>
|
||||
|
||||
var startX, startY, moveEndX, moveEndY, X, Y;
|
||||
|
||||
$("#v-cover").on("touchstart", function (e) {
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
startX = e.originalEvent.changedTouches[0].pageX,
|
||||
|
||||
startY = e.originalEvent.changedTouches[0].pageY;
|
||||
|
||||
});
|
||||
|
||||
$("#v-cover").on("touchmove", function (e) {
|
||||
$(".start_logo").click(function () {
|
||||
$("#v-cover").animate({"bottom": '200%'}, "slow");
|
||||
})
|
||||
e.preventDefault();
|
||||
moveEndX = e.originalEvent.changedTouches[0].pageX
|
||||
moveEndY = e.originalEvent.changedTouches[0].pageY
|
||||
X = moveEndX - startX
|
||||
Y = moveEndY - startY
|
||||
if (Math.abs(X) > Math.abs(Y) && X > 0) {
|
||||
// alert("像右滑动");
|
||||
} else if (Math.abs(X) > Math.abs(Y) && X < 0) {
|
||||
// alert("像左滑动");
|
||||
} else if (Math.abs(Y) > Math.abs(X) && Y > 0) {
|
||||
// alert("下滑动");
|
||||
} else if (Math.abs(Y) > Math.abs(X) && Y < -100) {
|
||||
$("#v-cover").animate({"bottom": '200%'}, "slow");
|
||||
} else {
|
||||
// alert("触摸");
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
$(".start_logo").click(function () {
|
||||
$("#v-cover").animate({"bottom": '200%'}, "slow");
|
||||
})
|
||||
$("#v-cover").click(function () {
|
||||
$("#v-cover").animate({"bottom": '200%'}, "slow");
|
||||
})
|
||||
|
||||
|
||||
var vue = new Vue({
|
||||
el: "#app",
|
||||
data: function () {
|
||||
return {
|
||||
fzgxArr: ['父子', '父女', '母子', '母女', '第三代'],
|
||||
sqbjArr: ['亲子班', '托班', '小班', '中班', '大班'],
|
||||
fjlxArr: ['户口簿复印件', '子女出生证复印件', '单位主要负责人签字、盖章的书面证明材料', '书面情况说明以及相关证明材料'],
|
||||
fjlxObj: {'户口簿复印件': 1, '子女出生证复印件': 2, '单位主要负责人签字、盖章的书面证明材料': 3, '书面情况说明以及相关证明材料': 4},
|
||||
birthdayShowPicker: false,
|
||||
dj_jzgzngxShowPicker: false,
|
||||
dj_sqxxShowPicker: false,
|
||||
fj_lxShowPicker: false,
|
||||
fileIdx: '',
|
||||
checked: 1,
|
||||
formData: {
|
||||
dj_djlx: 1,
|
||||
fileList1: [],
|
||||
fileList2: [],
|
||||
fileList3: [],
|
||||
fileList4: [],
|
||||
},
|
||||
isNull: function (val) {
|
||||
if (val == null || val == undefined || val == '') {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
},
|
||||
showMsg: false,
|
||||
msg: '',
|
||||
subFlag: true,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
checkIdCard(val) {
|
||||
const p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
|
||||
const result = p.test(this.formData.dj_znidcard)
|
||||
if (!result) {
|
||||
vant.Toast('请输入正确的身份证号码')
|
||||
return
|
||||
}
|
||||
if (this.formData.dj_znzsny) {
|
||||
const calc_birthday = this.formData.dj_znidcard.substr(6, 8)
|
||||
const input_birthday = this.formData.dj_znzsny.replaceAll('-', '')
|
||||
if (calc_birthday !== input_birthday) {
|
||||
vant.Toast('您输入正确的身份证号码与出生日期不符合')
|
||||
}
|
||||
}
|
||||
},
|
||||
doSubmit: function () {
|
||||
const calc_birthday = this.formData.dj_znidcard.substr(6, 8)
|
||||
const input_birthday = this.formData.dj_znzsny.replaceAll('-', '')
|
||||
if (calc_birthday !== input_birthday) {
|
||||
vant.Toast('您输入正确的身份证号码与出生日期不符合')
|
||||
}
|
||||
if (vue.formData.fileList1.length == 0) {
|
||||
vue.$toast.fail("请上传户口簿照片！")
|
||||
return
|
||||
}
|
||||
if (vue.formData.fileList2.length == 0) {
|
||||
vue.$toast.fail("请上传子女出生证照片！")
|
||||
return
|
||||
}
|
||||
|
||||
vue.$dialog.confirm({
|
||||
title: '提醒',
|
||||
message: '提交前，请您再次核对“基础信息”和“材料信息”，确保填写完整并准确无误。是否确认提交？'
|
||||
}).then(function (value) {
|
||||
setTimeout(function () {
|
||||
|
||||
var formdata = new FormData();
|
||||
|
||||
var data = Object.assign({}, vue.formData);
|
||||
data.fileList1 = undefined
|
||||
data.fileList2 = undefined
|
||||
data.fileList3 = undefined
|
||||
data.fileList4 = undefined
|
||||
for (key in data) {
|
||||
formdata.append(key, vue.isNull(data[key]) ? '' : data[key]);
|
||||
}
|
||||
|
||||
formdata.append("dj_tbrq", moment().format('YYYY-MM-DD'));
|
||||
formdata.append("dj_sqzt", 0);
|
||||
formdata.append("dj_year", moment().format('YYYY'));
|
||||
vue.formData.fileList1.forEach(function (val) {
|
||||
formdata.append("files1", val.file, val.file.name);
|
||||
});
|
||||
vue.formData.fileList2.forEach(function (val) {
|
||||
formdata.append("files2", val.file, val.file.name);
|
||||
});
|
||||
vue.formData.fileList3.forEach(function (val) {
|
||||
formdata.append("files3", val.file, val.file.name);
|
||||
});
|
||||
vue.formData.fileList4.forEach(function (val) {
|
||||
formdata.append("files4", val.file, val.file.name);
|
||||
});
|
||||
|
||||
const toast = vue.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true,
|
||||
message: '数据提交中...'
|
||||
});
|
||||
|
||||
|
||||
$.ajax({
|
||||
url: "/platform/zgfw/mobile/rxdj/doSubmit",
|
||||
type: "post",
|
||||
data: formdata,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success: function (data) {
|
||||
if (data.code === 0) {
|
||||
setTimeout(function () {
|
||||
// 手动清除 Toast
|
||||
vue.$toast.clear();
|
||||
vue.$toast.success('提交成功！')
|
||||
vue.formData = {
|
||||
dj_djlx: 1,
|
||||
loginname: vue.formData.loginname,
|
||||
dj_iphone: vue.formData.dj_iphone,
|
||||
dj_jzgid: vue.formData.dj_jzgid,
|
||||
dj_zw: vue.formData.dj_zw,
|
||||
dj_rylx: vue.formData.dj_rylx,
|
||||
dj_szdw: vue.formData.dj_szdw,
|
||||
dj_tbrfgh: vue.formData.dj_tbrfgh,
|
||||
dj_gzh: vue.formData.dj_gzh,
|
||||
username: vue.formData.username,
|
||||
unionname: vue.formData.unionname,
|
||||
fileList1: [],
|
||||
fileList2: [],
|
||||
fileList3: [],
|
||||
fileList4: [],
|
||||
}
|
||||
Cookies.remove('formData_rk');
|
||||
})
|
||||
} else {
|
||||
setTimeout(function () {
|
||||
vue.$toast.clear();
|
||||
vue.$toast.fail(data.msg)
|
||||
}, 500)
|
||||
}
|
||||
},
|
||||
error: function (data) {
|
||||
setTimeout(function () {
|
||||
vue.$toast.clear();
|
||||
vue.$toast.fail(data.msg)
|
||||
}, 500)
|
||||
}
|
||||
});
|
||||
}, 500)
|
||||
}).catch(function (reason) {
|
||||
|
||||
});
|
||||
},
|
||||
fjlxConfirm: function (val) {
|
||||
vue.formData.fileList[vue.fileIdx].fj_lxName = val
|
||||
vue.formData.fileList[vue.fileIdx].fj_lx = vue.fjlxObj[val]
|
||||
vue.fj_lxShowPicker = false
|
||||
},
|
||||
birthdayConfirm: function (val) {
|
||||
vue.formData.dj_znzsny = moment(val).format('YYYY-MM-DD');
|
||||
vue.birthdayShowPicker = false
|
||||
},
|
||||
getPlaceholder: function (formData, key) {
|
||||
|
||||
if (this.isNull(formData.userid)) {
|
||||
return "输入工资号后自动匹配"
|
||||
} else {
|
||||
if (this.isNull(formData[key])) {
|
||||
return '暂无'
|
||||
}
|
||||
return formData[key]
|
||||
}
|
||||
},
|
||||
doInput: function (val) {
|
||||
vue.$set(vue.formData, 'username', undefined)
|
||||
vue.$set(vue.formData, 'unionname', undefined)
|
||||
vue.$set(vue.formData, 'dj_jzgid', undefined)
|
||||
vue.$set(vue.formData, 'dj_szdw', undefined)
|
||||
vue.$set(vue.formData, 'dj_tbrfgh', undefined)
|
||||
vue.$set(vue.formData, 'dj_gzh', undefined)
|
||||
$.get("/platform/zgfw/mobile/rxdj/queryUserByLoginname", {loginname: val}, function (data) {
|
||||
if (data.code == 0) {
|
||||
if (!vue.isNull(data.data)) {
|
||||
vue.$set(vue.formData, 'dj_jzgid', data.data.id)
|
||||
vue.$set(vue.formData, 'dj_szdw', data.data.unitid)
|
||||
vue.$set(vue.formData, 'dj_tbrfgh', data.data.unioninfomgr_id)
|
||||
vue.$set(vue.formData, 'dj_gzh', data.data.loginname)
|
||||
vue.$set(vue.formData, 'username', data.data.username)
|
||||
vue.$set(vue.formData, 'unionname', data.data.unionname)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
async getUserInfo() {
|
||||
const {data} = await $.get('/platform/zgfw/mobile/rxdj/getUserInfo')
|
||||
if (data != null) {
|
||||
vue.$set(vue.formData, 'dj_jzgid', data.id)
|
||||
vue.$set(vue.formData, 'dj_szdw', data.unitid)
|
||||
vue.$set(vue.formData, 'dj_tbrfgh', data.unionid)
|
||||
vue.$set(vue.formData, 'dj_gzh', data.loginname)
|
||||
vue.$set(vue.formData, 'username', data.username)
|
||||
vue.$set(vue.formData, 'unionname', data.unionname)
|
||||
vue.$set(vue.formData, 'loginname', data.loginname)
|
||||
} else {
|
||||
vant.Dialog.alert({
|
||||
title: '提示',
|
||||
message: '智慧工会系统没有查询到您的个人信息，请联系校工会老师进行人员数据更新。',
|
||||
}).then(() => {
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
GetQueryString("client") == "mobile" ? this.leftArrow = true : this.leftArrow = false
|
||||
await this.getUserInfo()
|
||||
let self = this
|
||||
$.post("/platform/zgfw/mobile/rxdj/getFlag", {'lx': self.formData.dj_djlx}, function (data) {
|
||||
if (data.code != 0) {
|
||||
self.$toast.fail(data.msg)
|
||||
} else {
|
||||
self.subFlag = false
|
||||
}
|
||||
})
|
||||
if (Cookies.get("formData_rk") != undefined) {
|
||||
parseData = JSON.parse(Cookies.get("formData_rk"))
|
||||
parseData.fileList1 = []
|
||||
parseData.fileList2 = []
|
||||
parseData.fileList3 = []
|
||||
parseData.fileList4 = []
|
||||
self.formData = parseData
|
||||
Cookies.remove('formData_rk');
|
||||
}
|
||||
setInterval(function () {
|
||||
var data = Object.assign({}, self.formData);
|
||||
data.fileList1 = []
|
||||
data.fileList2 = []
|
||||
data.fileList3 = []
|
||||
data.fileList4 = []
|
||||
Cookies.set("formData_rk", JSON.stringify(data))
|
||||
}, 1000)
|
||||
}
|
||||
})
|
||||
|
||||
function GetQueryString(name) {
|
||||
const reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
||||
const r = window.location.search.substr(1).match(reg);
|
||||
if (r != null) return unescape(r[2]);
|
||||
return "";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,825 @@
|
||||
<!--#
|
||||
layout("/mobile/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
[v-clock] {
|
||||
display: none
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
font-family: PingFang SC, 'Helvetica Neue', Arial, sans-serif;
|
||||
}
|
||||
|
||||
#v-cover {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
z-index: 9999;
|
||||
box-sizing: border-box;
|
||||
/*background-color: rgba(216,191,216,.3);*/
|
||||
background-image: url(//image.wjx.com/images/newimg/mobile-cover/cover3@1x.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-color: #1867b0;
|
||||
}
|
||||
|
||||
@keyframes mylogo {
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes mylogo /* Firefox */
|
||||
{
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes mylogo /* Safari 和 Chrome */
|
||||
{
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes mylogo /* Opera */
|
||||
{
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
.start_title {
|
||||
position: relative;
|
||||
font-size: 12px;
|
||||
/*color: rgb(106, 0, 95);*/
|
||||
color: white;
|
||||
animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Firefox: */
|
||||
-moz-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Safari 和 Chrome: */
|
||||
-webkit-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Opera: */
|
||||
-o-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
}
|
||||
|
||||
.start_logo {
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
/*border: rgb(106, 0, 95) 1px solid;*/
|
||||
border: white 1px solid;
|
||||
position: relative;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
margin-bottom: 30px;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Firefox: */
|
||||
-moz-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Safari 和 Chrome: */
|
||||
-webkit-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Opera: */
|
||||
-o-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
}
|
||||
|
||||
.v-cover-title {
|
||||
padding: 30px 20px;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 60%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.van-doc-demo-block__title {
|
||||
margin: 0;
|
||||
padding: 0 16px;
|
||||
color: #1867b0;
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.delete-button {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.van-swipe-cell__wrapper {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.van-cell {
|
||||
width: 90%;
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
.van-nav-bar {
|
||||
background-color: RGB(8, 23, 118)
|
||||
}
|
||||
|
||||
.van-nav-bar__title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.van-nav-bar .van-icon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
</style>
|
||||
<body>
|
||||
<!--<div id="v-cover" >
|
||||
<div class="v-cover-title">
|
||||
<div style="font-size: 20px;width: 100%;text-align: center;color: white">教职工子女幼升小、小升初入学调查</div>
|
||||
</div>
|
||||
<div style="position: absolute;height: 55px;width: 100%;bottom: 0;left: 0;text-align: center">
|
||||
<div class="start_title" style="height: 16px;line-height: 16px">上滑开始</div>
|
||||
<div class="start_logo">
|
||||
<svg style="height: 40%;width: 100%;margin-top: 30%" t="1583736487548" class="icon" viewBox="0 0 1462 1024"
|
||||
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3119" width="32" height="32">
|
||||
<path d="M788.187 477.842a80.823 80.823 0 0 0-111.908 0l-484.937 469.65c-21.358 20.773-26.99 50.25-18.652 76.508l494.958-415.451c6.437-5.486 13.75-9.436 21.358-13.02 26.331-16.603 60.708-16.603 86.82 0.146 7.46 3.438 14.629 7.388 20.846 12.727L1291.776 1024a74.533 74.533 0 0 0-18.725-76.654L788.187 477.842z m645.56 165.01L804.132 29.33a104.74 104.74 0 0 0-145.335 0L29.038 642.853C1.17 669.915-5.925 708.535 4.754 742.839l642.56-542.866a121.417 121.417 0 0 1 27.868-16.97 105.106 105.106 0 0 1 112.786 0.366c9.655 4.389 18.87 9.801 27.136 16.604l642.926 542.866a97.134 97.134 0 0 0-24.357-99.986z"
|
||||
p-id="3120" fill="white"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<div v-clock id="app" style="width: 100%;height: 100%;position: relative;overflow-y: auto;">
|
||||
<van-nav-bar title="入学登记" fixed placeholder safe-area-inset-top
|
||||
@click-left="history.back()"
|
||||
:left-arrow="leftArrow"></van-nav-bar>
|
||||
<div>
|
||||
<van-image
|
||||
width="100%"
|
||||
height="200px"
|
||||
fit="cover"
|
||||
src="https://zhgh.nju.edu.cn/file_server/assets/school_apply_bg.webp"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<van-form @submit="doSubmit" label-width="120" colon style="margin-top: 10px;" input-align="right">
|
||||
<van-tabs v-model="checked" color="RGB(8,23,118)" type="card">
|
||||
<van-tab name="1" title="基础信息">
|
||||
<van-cell-group>
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_djlx"
|
||||
:value="formData.dj_djlx_str"
|
||||
label="类  型"
|
||||
placeholder="点击选择"
|
||||
@click="dj_djlxShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择类型' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_djlxShowPicker" position="bottom">
|
||||
<van-picker show-toolbar
|
||||
:columns="bmlxObj"
|
||||
@confirm="djlxConfirm"
|
||||
@cancel="dj_djlxShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
|
||||
|
||||
<div style="width: 100%;padding: 16px 0;">
|
||||
<h2 class="van-doc-demo-block__title" style="font-weight: bolder;color: RGB(8,23,118)">
|
||||
子女信息</h2>
|
||||
</div>
|
||||
<van-field required
|
||||
v-model="formData.dj_znname"
|
||||
name="dj_znname"
|
||||
label="子女姓名"
|
||||
placeholder="子女姓名"
|
||||
:rules="[{ required: true, message: '请填写子女姓名' }]"
|
||||
></van-field>
|
||||
<template v-if="formData.dj_djlx==='3'">
|
||||
|
||||
|
||||
<van-field required
|
||||
v-model="formData.dj_szxx"
|
||||
name="dj_znname"
|
||||
label="所在小学"
|
||||
placeholder="所在小学"
|
||||
></van-field>
|
||||
|
||||
<van-field required
|
||||
v-model="formData.dj_qmkfy"
|
||||
name="dj_qmkfy"
|
||||
label="语文"
|
||||
type="number"
|
||||
placeholder="六上期末考分（语文）"
|
||||
:rules="[{ required: true, message: '请填写语文成绩' }]"
|
||||
></van-field>
|
||||
|
||||
<van-field required
|
||||
v-model="formData.dj_qmkfs"
|
||||
name="dj_qmkfs"
|
||||
label="数学"
|
||||
type="number"
|
||||
placeholder="六上期末考分（数学）"
|
||||
:rules="[{ required: true, message: '请填写数学成绩' }]"
|
||||
></van-field>
|
||||
|
||||
<van-field required
|
||||
v-model="formData.dj_qmkfw"
|
||||
name="dj_qmkfw"
|
||||
label="外语"
|
||||
type="number"
|
||||
placeholder="六上期末考分（外语）"
|
||||
:rules="[{ required: true, message: '请填写外语成绩' }]"
|
||||
></van-field>
|
||||
|
||||
<van-field required
|
||||
v-model="formData.dj_xqzx"
|
||||
name="dj_znname"
|
||||
label="学区中学"
|
||||
placeholder="学区中学"
|
||||
:rules="[{ required: true, message: '学区中学' }]"
|
||||
></van-field>
|
||||
|
||||
<van-field readonly
|
||||
clickable
|
||||
name="dj_djlx"
|
||||
:value="formData.dj_sqxx_name"
|
||||
label="意向学校"
|
||||
placeholder="点击选择"
|
||||
@click="dj_sqxxShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择类型' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_sqxxShowPicker" position="bottom">
|
||||
<van-picker
|
||||
show-toolbar
|
||||
:columns="dj_sqxxColumns"
|
||||
@confirm="dj_sqxxConfirm"
|
||||
@cancel="dj_sqxxShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
|
||||
</template>
|
||||
|
||||
<template v-if="formData.dj_djlx==='2'">
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_znzsny"
|
||||
:value="formData.dj_znzsny"
|
||||
label="出生日期"
|
||||
placeholder="请选择出生日期"
|
||||
@click="birthdayShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择出生日期' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
required
|
||||
:value="formData.dj_hjssxq"
|
||||
name="dj_hjssxq"
|
||||
label="户籍所属辖区"
|
||||
placeholder="请选择户籍所属辖区"
|
||||
@click="dj_hjssxqShowPicker = true"
|
||||
:rules="[{ required: true, message: '请选择户籍所属辖区' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_hjssxqShowPicker" position="bottom">
|
||||
<van-picker
|
||||
show-toolbar
|
||||
:columns="dj_hjssxqColumns"
|
||||
@confirm="dj_hjssxqConfirm"
|
||||
@cancel="dj_hjssxqShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_hjssxx"
|
||||
name="dj_hjszd"
|
||||
label="户籍所属小学"
|
||||
placeholder="户籍所属小学"
|
||||
:rules="[{ required: true, message: '请填写户籍所属小学' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_znhjszd"
|
||||
name="dj_znhjszd"
|
||||
label="子女户籍所在地"
|
||||
placeholder="子女户籍所在地"
|
||||
:rules="[{ required: true, message: '请填写子女户籍所在地' }]"
|
||||
></van-field>
|
||||
</template>
|
||||
|
||||
|
||||
<van-popup v-model="birthdayShowPicker" position="bottom">
|
||||
<van-datetime-picker
|
||||
type="date"
|
||||
:min-date="new Date('2000-01-01')"
|
||||
:max-date="new Date()"
|
||||
@confirm="birthdayConfirm"
|
||||
@cancel="birthdayShowPicker = false"
|
||||
></van-datetime-picker>
|
||||
</van-popup>
|
||||
|
||||
|
||||
<div style="width: 100%;padding: 16px 0;">
|
||||
<h2 class="van-doc-demo-block__title" style="font-weight: bolder;color:RGB(8,23,118)">
|
||||
用户信息</h2>
|
||||
</div>
|
||||
|
||||
<van-field readonly
|
||||
required
|
||||
v-model="formData.loginname"
|
||||
name="loginname"
|
||||
label="工  号"
|
||||
placeholder="工资号"
|
||||
></van-field>
|
||||
<van-field readonly
|
||||
v-model="formData.username"
|
||||
name="username"
|
||||
label="姓  名"
|
||||
></van-field>
|
||||
|
||||
<van-field v-model="formData.dj_zc"
|
||||
type="tel"
|
||||
name="dj_zc"
|
||||
label="技术职称"
|
||||
placeholder="技术职称"
|
||||
></van-field>
|
||||
|
||||
<van-field clickable
|
||||
name="dj_zcsj"
|
||||
:value="formData.dj_zcsj"
|
||||
label="职称评定时间"
|
||||
placeholder="职称评定时间"
|
||||
@click="dj_zcsjShowPicker = true"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_zcsjShowPicker" position="bottom">
|
||||
<van-datetime-picker
|
||||
type="year-month"
|
||||
:min-date="new Date('1952-10')"
|
||||
:max-date="maxYearMonth"
|
||||
@confirm="dj_zcsjConfirm"
|
||||
@cancel="dj_zcsjShowPicker = false"
|
||||
></van-datetime-picker>
|
||||
</van-popup>
|
||||
|
||||
<van-field :value="formData.dj_zw"
|
||||
name="dj_zw"
|
||||
label="行政职务级别"
|
||||
placeholder="请选择行政职务级别"
|
||||
@click="dj_zwShowPicker = true"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_zwShowPicker" position="bottom">
|
||||
<van-picker
|
||||
show-toolbar
|
||||
:columns="dj_zwColumns"
|
||||
@confirm="dj_zwConfirm"
|
||||
@cancel="dj_zwShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
|
||||
<van-field :value="formData.dj_rzsj"
|
||||
label="行政职级任职时间"
|
||||
placeholder="请选择行政职级任职时间"
|
||||
@click="dj_rzsjShowPicker = true"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_rzsjShowPicker" position="bottom">
|
||||
<van-datetime-picker
|
||||
type="year-month"
|
||||
:min-date="new Date('1952-10')"
|
||||
:max-date="maxYearMonth"
|
||||
@confirm="dj_rzsjConfirm"
|
||||
@cancel="dj_rzsjShowPicker = false"
|
||||
></van-datetime-picker>
|
||||
</van-popup>
|
||||
|
||||
|
||||
<van-field v-model="formData.dj_rcch"
|
||||
name="dj_rcch"
|
||||
label="省级人才称号"
|
||||
placeholder="人才称号"
|
||||
></van-field>
|
||||
|
||||
<van-field clickable
|
||||
name="dj_rcchsj"
|
||||
:value="formData.dj_rcchsj"
|
||||
label="获人才称号时间"
|
||||
placeholder="请选择获人才称号时间"
|
||||
@click="dj_rcchsjShowPicker = true"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_rcchsjShowPicker" position="bottom">
|
||||
<van-datetime-picker
|
||||
type="year-month"
|
||||
:min-date="new Date('1952-10')"
|
||||
:max-date="maxYearMonth"
|
||||
@confirm="dj_rcchsjConfirm"
|
||||
@cancel="dj_rcchsjShowPicker = false"
|
||||
></van-datetime-picker>
|
||||
</van-popup>
|
||||
|
||||
<van-field v-if="formData.dj_djlx==='3'"
|
||||
v-model="formData.dj_rxjx"
|
||||
name="dj_rxjx"
|
||||
label="荣誉或奖项"
|
||||
placeholder="荣誉或奖项(只填写最高的一项)"
|
||||
></van-field>
|
||||
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_iphone"
|
||||
type="tel"
|
||||
name="dj_iphone"
|
||||
label="手机号码"
|
||||
placeholder="手机号码"
|
||||
:rules="[{ required: true, message: '请填写手机号码' }]"
|
||||
></van-field>
|
||||
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_szdw"
|
||||
name="dj_szdw"
|
||||
label="所在单位"
|
||||
placeholder="所在单位"
|
||||
></van-field>
|
||||
|
||||
|
||||
<template v-if="formData.dj_djlx==='2'">
|
||||
|
||||
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_hjszd"
|
||||
name="dj_hjszd"
|
||||
label="教职工户籍所在地"
|
||||
placeholder="教职工户籍所在地"
|
||||
rows="2"
|
||||
type="textarea"
|
||||
:rules="[{ required: true, message: '请填写教职工户籍所在地' }]"
|
||||
></van-field>
|
||||
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_jtzz"
|
||||
name="dj_jtzz"
|
||||
label="房产证地址"
|
||||
rows="2"
|
||||
type="textarea"
|
||||
placeholder="房产证地址"
|
||||
:rules="[{ required: true, message: '请填写房产证地址' }]"
|
||||
></van-field>
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
<van-field
|
||||
v-model="formData.dj_bz"
|
||||
name="dj_bz"
|
||||
label="备  注"
|
||||
rows="2"
|
||||
autosize
|
||||
type="textarea"
|
||||
placeholder="请输入备注"
|
||||
></van-field>
|
||||
</van-cell-group>
|
||||
</van-tab>
|
||||
<van-tab name="2" title="材料信息">
|
||||
<van-cell-group style="margin-top: 20px">
|
||||
<template v-if="formData.dj_djlx==='2'">
|
||||
<van-field label="户口簿照片" required label-width="250" disabled
|
||||
style="border: none;"></van-field>
|
||||
<van-field>
|
||||
<template #input>
|
||||
<vant-file-upload :files.sync="hkfile"></vant-file-upload>
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
<van-field label="房产证或无房证明" required label-width="250" disabled
|
||||
style="border: none;"></van-field>
|
||||
<van-field>
|
||||
<template #input>
|
||||
<vant-file-upload :files.sync="fcfile"></vant-file-upload>
|
||||
</template>
|
||||
</van-field>
|
||||
</template>
|
||||
<template v-if="formData.dj_djlx==='3'">
|
||||
<van-field label="六上期末考分证明" required label-width="250" disabled
|
||||
style="border: none;"></van-field>
|
||||
<van-field>
|
||||
<template #input>
|
||||
<vant-file-upload :files.sync="qmkffile"></vant-file-upload>
|
||||
</template>
|
||||
</van-field>
|
||||
</template>
|
||||
</van-cell-group>
|
||||
</van-tab>
|
||||
|
||||
<div style="margin: 16px;">
|
||||
<van-button round block color="RGB(8,23,118)" type="info" native-type="submit">
|
||||
提交
|
||||
</van-button>
|
||||
</div>
|
||||
</van-tabs>
|
||||
</van-form>
|
||||
|
||||
|
||||
<van-number-keyboard safe-area-inset-bottom/>
|
||||
</div>
|
||||
<script>
|
||||
|
||||
var startX, startY, moveEndX, moveEndY, X, Y;
|
||||
|
||||
$("#v-cover").on("touchstart", function (e) {
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
startX = e.originalEvent.changedTouches[0].pageX,
|
||||
|
||||
startY = e.originalEvent.changedTouches[0].pageY;
|
||||
|
||||
});
|
||||
|
||||
$("#v-cover").on("touchmove", function (e) {
|
||||
$(".start_logo").click(function () {
|
||||
$("#v-cover").animate({"bottom": '200%'}, "slow");
|
||||
})
|
||||
e.preventDefault();
|
||||
moveEndX = e.originalEvent.changedTouches[0].pageX
|
||||
moveEndY = e.originalEvent.changedTouches[0].pageY
|
||||
X = moveEndX - startX
|
||||
Y = moveEndY - startY
|
||||
if (Math.abs(X) > Math.abs(Y) && X > 0) {
|
||||
// alert("像右滑动");
|
||||
} else if (Math.abs(X) > Math.abs(Y) && X < 0) {
|
||||
// alert("像左滑动");
|
||||
} else if (Math.abs(Y) > Math.abs(X) && Y > 0) {
|
||||
// alert("下滑动");
|
||||
} else if (Math.abs(Y) > Math.abs(X) && Y < -100) {
|
||||
$("#v-cover").animate({"bottom": '200%'}, "slow");
|
||||
} else {
|
||||
// alert("触摸");
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
$(".start_logo").click(function () {
|
||||
$("#v-cover").animate({"bottom": '200%'}, "slow");
|
||||
})
|
||||
$("#v-cover").click(function () {
|
||||
$("#v-cover").animate({"bottom": '200%'}, "slow");
|
||||
})
|
||||
|
||||
|
||||
const vue = new Vue({
|
||||
el: "#app",
|
||||
data() {
|
||||
return {
|
||||
maxYearMonth: new Date(moment().format('YYYY-MM')),
|
||||
leftArrow: false,
|
||||
bmlxObj: [],
|
||||
dj_sqxxColumns: [
|
||||
{text: "南京郑和外国语学校（A）", value: "A"},
|
||||
{text: "南京航空航天大学附属初级中学（B）", value: "B"},
|
||||
{text: "南京市第五初级中学（C）", value: "C"}],
|
||||
dj_zwColumns: ['无', '副科级', '正科级', '副处级', '正处级'],
|
||||
dj_hjssxqColumns: ['南京市秦淮区', '南京市其它区', '南京市以外'],
|
||||
dj_sqxxShowPicker: false,
|
||||
dj_rylxShowPicker: false,
|
||||
birthdayShowPicker: false,
|
||||
dj_rzsjShowPicker: false,
|
||||
dj_zcsjShowPicker: false,
|
||||
dj_rcchsjShowPicker: false,
|
||||
dj_djlxShowPicker: false,
|
||||
dj_zwShowPicker: false,
|
||||
dj_hjssxqShowPicker: false,
|
||||
fileIdx: '',
|
||||
checked: 1,
|
||||
hkfile: [],
|
||||
fcfile: [],
|
||||
qmkffile: [],
|
||||
formData: {},
|
||||
isNull: function (val) {
|
||||
if (val == null || val == undefined || val == '') {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
},
|
||||
showMsg: false,
|
||||
msg: '',
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'vant-file-upload': httpVueLoader('/components/plugins/VantFileUpload.vue')
|
||||
},
|
||||
methods: {
|
||||
dj_hjssxqConfirm(val) {
|
||||
this.formData.dj_hjssxq = val
|
||||
this.dj_hjssxqShowPicker = false
|
||||
},
|
||||
dj_zwConfirm(val) {
|
||||
this.formData.dj_zw = val
|
||||
this.dj_zwShowPicker = false
|
||||
},
|
||||
dj_sqxxConfirm(val) {
|
||||
this.formData.dj_sqxx = val.value
|
||||
this.formData.dj_sqxx_name = val.text
|
||||
this.dj_sqxxShowPicker = false
|
||||
},
|
||||
djlxConfirm(val) {
|
||||
this.formData.dj_djlx = val.value
|
||||
this.formData.dj_djlx_str = val.text
|
||||
this.dj_djlxShowPicker = false
|
||||
},
|
||||
async doSubmit() {
|
||||
if (this.hkfile.length === 0 && this.formData.dj_djlx === "2") {
|
||||
this.$toast.fail("请上传户口簿照片！")
|
||||
setTimeout(() => {
|
||||
this.checked = "2"
|
||||
}, 1500)
|
||||
return
|
||||
}
|
||||
if (this.fcfile.length === 0 && this.formData.dj_djlx === "2") {
|
||||
this.$toast.fail("请上传房产证或无房证明 ！")
|
||||
setTimeout(() => {
|
||||
this.checked = "2"
|
||||
}, 1500)
|
||||
return
|
||||
}
|
||||
if (this.qmkffile.length === 0 && this.formData.dj_djlx === "3") {
|
||||
this.$toast.fail("请上传六上期末考分证明！")
|
||||
setTimeout(() => {
|
||||
this.checked = "2"
|
||||
}, 1000)
|
||||
return
|
||||
}
|
||||
const confirm = await this.$dialog.confirm({
|
||||
title: '提醒',
|
||||
message: '提交前，请您再次核对“基础信息”和“材料信息”，确保填写完整并准确无误。是否确认提交？'
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
|
||||
|
||||
if (this.formData.dj_djlx === "2") {
|
||||
this.hkfile.map(v => {
|
||||
v.bz = "hkfile"
|
||||
})
|
||||
this.fcfile.map(v => {
|
||||
v.bz = "fcfile"
|
||||
})
|
||||
} else {
|
||||
this.qmkffile.map(v => {
|
||||
v.bz = "qmkffile"
|
||||
})
|
||||
}
|
||||
|
||||
const toast = vue.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true,
|
||||
message: '数据提交中...'
|
||||
})
|
||||
const a = this.formData.dj_id ? "/doEdit" : "/doSubmit"
|
||||
const data = await $.post("/platform/zgfw/mobile/rxdj" + a, {
|
||||
data: JSON.stringify(this.formData),
|
||||
hkfile: JSON.stringify(this.hkfile),
|
||||
fcfile: JSON.stringify(this.fcfile),
|
||||
qmkffile: JSON.stringify(this.qmkffile)
|
||||
})
|
||||
|
||||
if (data.code === 0) {
|
||||
setTimeout(() => {
|
||||
this.$toast.clear();
|
||||
this.$toast.success('提交成功！')
|
||||
window.history.back()
|
||||
}, 200)
|
||||
} else {
|
||||
this.$toast.clear();
|
||||
this.$toast.fail(data.msg)
|
||||
}
|
||||
}
|
||||
},
|
||||
dj_rcchsjConfirm(val) {
|
||||
this.formData.dj_rcchsj = moment(val).format('YYYY-MM');
|
||||
this.dj_rcchsjShowPicker = false
|
||||
},
|
||||
dj_zcsjConfirm(val) {
|
||||
this.formData.dj_zcsj = moment(val).format('YYYY-MM');
|
||||
this.dj_zcsjShowPicker = false
|
||||
},
|
||||
dj_rzsjConfirm(val) {
|
||||
this.formData.dj_rzsj = moment(val).format('YYYY-MM');
|
||||
this.dj_rzsjShowPicker = false
|
||||
},
|
||||
birthdayConfirm(val) {
|
||||
this.formData.dj_znzsny = moment(val).format('YYYY-MM');
|
||||
this.birthdayShowPicker = false
|
||||
},
|
||||
getPlaceholder: function (formData, key) {
|
||||
if (this.isNull(formData.userid)) {
|
||||
return "输入工资号后自动匹配"
|
||||
} else {
|
||||
if (this.isNull(formData[key])) {
|
||||
return '暂无'
|
||||
}
|
||||
return formData[key]
|
||||
}
|
||||
},
|
||||
async getUserInfo() {
|
||||
const {data} = await $.get('/platform/zgfw/mobile/rxdj/getUserInfo')
|
||||
if (data != null) {
|
||||
this.$set(this.formData, 'dj_jzgid', data.id)
|
||||
this.$set(this.formData, 'dj_szdw', data.unitname)
|
||||
this.$set(this.formData, 'dj_tbrfgh', data.unionid)
|
||||
this.$set(this.formData, 'dj_gzh', data.loginname)
|
||||
this.$set(this.formData, 'username', data.username)
|
||||
this.$set(this.formData, 'unionname', data.unionname)
|
||||
this.$set(this.formData, 'loginname', data.loginname)
|
||||
this.$set(this.formData, 'dj_zc', data.jobTitle)
|
||||
// this.$set(this.formData, 'dj_zw', data.position)
|
||||
this.$set(this.formData, 'dj_iphone', data.mobile)
|
||||
} else {
|
||||
vant.Dialog.alert({
|
||||
title: '提示',
|
||||
message: '智慧工会系统没有查询到您的个人信息，请联系校工会老师进行人员数据更新。',
|
||||
}).then(() => {
|
||||
});
|
||||
}
|
||||
},
|
||||
getPlanStatus(dj_djlx) {
|
||||
$.post("/platform/zgfw/rxdjsq/planStatus").then(res => {
|
||||
if (res.xx > 0 && dj_djlx === "2") {
|
||||
this.bmlxObj.push({text: "幼升小", value: "2"})
|
||||
|
||||
}
|
||||
if (res.cz > 0 && dj_djlx === "3") {
|
||||
this.bmlxObj.push({text: "小升初", value: "3"})
|
||||
}
|
||||
if (this.bmlxObj && this.bmlxObj.length > 0) {
|
||||
this.formData.dj_djlx = this.bmlxObj[0].value
|
||||
this.formData.dj_djlx_str = this.bmlxObj[0].text
|
||||
}
|
||||
})
|
||||
},
|
||||
async getFile(dj_id) {
|
||||
const {data} = await $.get('/platform/zgfw/rxdjxx/findOne', {id: dj_id})
|
||||
this.hkfile = []
|
||||
this.fcfile = []
|
||||
this.qmkffile = []
|
||||
if (data.fjs && data.fjs.length > 0) {
|
||||
const hkfile = data.fjs.filter(v => v.bz === "hkfile")
|
||||
const fcfile = data.fjs.filter(v => v.bz === "fcfile")
|
||||
const qmkffile = data.fjs.filter(v => v.bz === "qmkffile")
|
||||
this.hkfile = hkfile
|
||||
this.fcfile = fcfile
|
||||
this.qmkffile = qmkffile
|
||||
}
|
||||
},
|
||||
async findOne(dj_id) {
|
||||
const {data} = await $.get("/platform/zgfw/mobile/rxdj/audit/findOne", {dj_id: dj_id})
|
||||
data.username = "${@shiro.getPrincipalProperty('username')}"
|
||||
data.loginname = "${@shiro.getPrincipalProperty('loginname')}"
|
||||
|
||||
this.formData = data
|
||||
}
|
||||
|
||||
},
|
||||
async created() {
|
||||
GetQueryString("client") == "mobile" ? this.leftArrow = true : this.leftArrow = false
|
||||
const dj_id = GetQueryString("dj_id")
|
||||
const dj_djlx = GetQueryString("dj_djlx")
|
||||
if (dj_id) {
|
||||
this.findOne(dj_id)
|
||||
this.getFile(dj_id)
|
||||
} else {
|
||||
await this.getUserInfo()
|
||||
}
|
||||
this.getPlanStatus(dj_djlx)
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,336 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-range-editor.el-input__inner {
|
||||
width: 60%
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker v-model="pageForm.bmyear" type="year" value-format="yyyy" format="yyyy年"
|
||||
placeholder="年度"></el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.bmlx" placeholder="登记类型">
|
||||
<el-option v-for="item in bmlxList" :label="item.val" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-button icon="el-icon-search" type="primary" @click="doSearch"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right">
|
||||
<el-button size="medium" @click="openAdd"><i class="ti-plus"></i> 创建计划</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData" header-align="center">
|
||||
<el-table-column label="序号" type="index" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="年度" prop="bmyear" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="报名开始时间" prop="bmkssj" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="报名结束时间" prop="bmjssj" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="登记类型" prop="bmlx" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.bmlx==1">幼儿园</span>
|
||||
<span v-if="scope.row.bmlx==2">幼升小</span>
|
||||
<span v-if="scope.row.bmlx==3">小升初</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.bmkqzt===1"
|
||||
@change="bmkqztChange(scope.row.id,scope.row.bmkqzt)"
|
||||
active-color="#13ce66"
|
||||
inactive-color="#dcdfe6">
|
||||
</el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" header-align="center" align="center" width="350px">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="info" size="mini" @click="qrcode(scope.row.bmlx,scope.row.bmyear)">二维码</el-button>
|
||||
<el-button type="primary" size="mini" @click="openEdit(scope.row)">编辑</el-button>
|
||||
<el-button type="danger" size="mini" @click="doDelete(scope.row.id)">删除</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.pageNumber"
|
||||
: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-card>
|
||||
</guava>
|
||||
|
||||
<el-dialog :visible.sync="addDialogVisible" title="创建计划" width="60%">
|
||||
<el-form :model="AddFormData" ref="AddForm" label-width="100px" :rules="rules">
|
||||
<el-form-item label="年度" prop="bmyear">
|
||||
<el-date-picker v-model="AddFormData.bmyear" type="year" value-format="yyyy"
|
||||
format="yyyy年"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="bmlx">
|
||||
<el-select v-model="AddFormData.bmlx">
|
||||
<el-option v-for="item in bmlxList" :label="item.val" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="报名时间" prop="bmsj">
|
||||
<el-date-picker
|
||||
v-model="AddFormData.bmsj"
|
||||
value-format="yyyy-MM-dd"
|
||||
format="yyyy年MM月dd日"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="开启状态">
|
||||
<el-switch v-model="AddFormData.bmkqzt"
|
||||
active-color="#13ce66"
|
||||
inactive-color="#dcdfe6">
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="addDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doAdd">确 认</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
<el-dialog :visible.sync="editDialogVisible" title="编辑计划" width="60%">
|
||||
<el-form :model="EditFormData" ref="EditForm" label-width="100px" :rules="rules">
|
||||
<el-form-item label="年度" prop="bmyear">
|
||||
<el-date-picker v-model="EditFormData.bmyear" type="year" value-format="yyyy"
|
||||
format="yyyy年"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="bmlx">
|
||||
<el-select v-model="EditFormData.bmlx">
|
||||
<el-option v-for="item in bmlxList" :label="item.val" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="报名时间" prop="bmsj">
|
||||
<el-date-picker
|
||||
v-model="EditFormData.bmsj"
|
||||
value-format="yyyy-MM-dd"
|
||||
format="yyyy年MM月dd日"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="开启状态">
|
||||
<el-switch v-model="EditFormData.bmkqzt"
|
||||
active-color="#13ce66"
|
||||
inactive-color="#dcdfe6">
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="editDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doEdit">确 认</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog :visible.sync="qrcodeDialogVisible" :title="qrcodeTitle" width="30%" :close-on-click-modal="false">
|
||||
<div id="qrcode" style="width: 100%;height: 300px;text-align: center">
|
||||
<QrCode :options="{ width: 300,height:300 }" :value="qrcodeUrl"></QrCode>
|
||||
</div>
|
||||
<a href="" download="test" id="download"></a>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button style="width: 100%" icon="el-icon-download" type="primary"
|
||||
@click="downloadQrcode">下 载</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
|
||||
Vue.component(VueQrcode.name, VueQrcode)
|
||||
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
pageForm: {
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0
|
||||
},
|
||||
tableData: [],
|
||||
addDialogVisible: false,
|
||||
AddFormData: {
|
||||
bmyear: '',
|
||||
kqzt: true
|
||||
},
|
||||
bmlxList: [
|
||||
{id: 1, val: '幼儿园'}, {id: 2, val: '幼升小'}, {id: 3, val: '小升初'}
|
||||
],
|
||||
rules: {
|
||||
bmyear: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
bmlx: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
bmsj: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
EditFormData: {},
|
||||
editDialogVisible: false,
|
||||
qrcodeDialogVisible: false,
|
||||
domain: 'https://zhgh.nuaa.edu.cn',
|
||||
authUrl: 'https://authserver.nuaa.edu.cn/authserver/login?service=',
|
||||
qrcodeTitle: '',
|
||||
qrcodeUrl: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
openAdd() {
|
||||
if (this.$refs['AddForm'])
|
||||
this.$refs['AddForm'].resetFields()
|
||||
this.addDialogVisible = true
|
||||
},
|
||||
pageNumberChange(val) {
|
||||
this.pageForm.pageNumber = val
|
||||
this.pageData()
|
||||
},
|
||||
pageSizeChange(val) {
|
||||
this.pageForm.pageSize = val
|
||||
this.pageData()
|
||||
},
|
||||
pageData() {
|
||||
sublime.showLoadingbar()
|
||||
$.post(base + '/platform/zgfw/rxdj/plan/pageData', this.pageForm).then(res => {
|
||||
sublime.closeLoadingbar()
|
||||
if (res.code == 0) {
|
||||
this.tableData = res.data.list
|
||||
this.pageForm.totalCount = res.data.totalCount
|
||||
}
|
||||
})
|
||||
},
|
||||
doAdd() {
|
||||
this.$refs['AddForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.AddFormData.bmkssj = this.AddFormData.bmsj[0]
|
||||
this.AddFormData.bmjssj = this.AddFormData.bmsj[1]
|
||||
$.post(base + '/platform/zgfw/rxdj/plan/doAdd', this.AddFormData).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.addDialogVisible = false
|
||||
this.doSearch()
|
||||
this.$message.success(res.msg)
|
||||
} else if (res.code == 2) {
|
||||
this.$message.error(res.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
bmkqztChange(id, bmkqzt) {
|
||||
$.post(base + '/platform/zgfw/rxdj/plan/bmztChange', {id: id, bmkqzt: bmkqzt}).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.doSearch()
|
||||
this.$message.success(res.msg)
|
||||
}
|
||||
})
|
||||
},
|
||||
openEdit(obj) {
|
||||
$.post(base + '/platform/zgfw/rxdj/plan/findOne', {id: obj.id}).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.EditFormData = res.data
|
||||
this.$set(this.EditFormData, 'bmsj', [res.data.bmkssj, res.data.bmjssj])
|
||||
this.editDialogVisible = true
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
doEdit() {
|
||||
this.$refs['EditForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.EditFormData.bmkssj = this.EditFormData.bmsj[0]
|
||||
this.EditFormData.bmjssj = this.EditFormData.bmsj[1]
|
||||
$.post(base + '/platform/zgfw/rxdj/plan/doEdit', this.EditFormData).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.editDialogVisible = false
|
||||
this.pageData()
|
||||
this.$message.success(res.msg)
|
||||
} else if (res.code == 2) {
|
||||
this.$message.error(res.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1
|
||||
this.pageData()
|
||||
},
|
||||
doDelete(id) {
|
||||
this.$confirm('确定要删除吗?, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
$.post(base + '/platform/zgfw/rxdj/plan/doDelete', {id: id}).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$message.success(res.msg)
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
}).catch(() => {
|
||||
|
||||
})
|
||||
},
|
||||
qrcode(bmlx, bmyear) {
|
||||
let domain2 = 'https://zhgh.nuaa.edu.cn/sso/login'
|
||||
let text = null
|
||||
switch (bmlx) {
|
||||
case 1:
|
||||
this.qrcodeTitle = bmyear + '年幼儿园报名登记移动端二维码'
|
||||
text = domain2 + '?redirect_html=/platform/zgfw/mobile/rxdj/kindergarten'
|
||||
break
|
||||
case 2:
|
||||
this.qrcodeTitle = bmyear + '年小学报名登记移动端二维码'
|
||||
text = domain2 + '?redirect_html=/platform/zgfw/mobile/rxdj/psms'
|
||||
break
|
||||
case 3:
|
||||
this.qrcodeTitle = bmyear + '年初中报名登记移动端二维码'
|
||||
text = domain2 + '?redirect_html=/platform/zgfw/mobile/rxdj/psms'
|
||||
}
|
||||
// this.qrcodeUrl = text
|
||||
// console.log(this.qrcodeUrl)
|
||||
this.qrcodeUrl = this.authUrl + encodeURI(text)
|
||||
console.log(this.qrcodeUrl)
|
||||
this.qrcodeDialogVisible = true
|
||||
},
|
||||
downloadQrcode() {
|
||||
if (!!window.ActiveXObject || "ActiveXObject" in window || navigator.userAgent.indexOf("Edge") > -1) {
|
||||
let blob = $("canvas").get(0).msToBlob()
|
||||
window.navigator.msSaveBlob(blob, this.qrcodeTitle + '.png')
|
||||
}
|
||||
let url = $("canvas").get(0).toDataURL('image/png')
|
||||
let a = document.createElementNS('http://www.w3.org/1999/xhtml', 'a')
|
||||
a.href = url
|
||||
a.download = this.qrcodeTitle
|
||||
let event = document.createEvent('MouseEvents')
|
||||
event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
|
||||
a.dispatchEvent(event)
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,541 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<el-card shadow="never">
|
||||
<template #header>
|
||||
<h3 style="color: rgb(24, 103, 176);">入学信息登记</h3>
|
||||
</template>
|
||||
<el-form :model="AddFormData" :rules="rules" ref="AddForm" label-width="150px">
|
||||
<el-form-item label="报名类型" prop="class">
|
||||
<!-- <el-radio :disabled="planstatus.yey==0"
|
||||
v-model="AddFormData.dj_djlx"
|
||||
label="1">
|
||||
幼儿园
|
||||
</el-radio>-->
|
||||
<el-radio :disabled="planstatus.xx==0"
|
||||
v-model="AddFormData.dj_djlx"
|
||||
label="2">
|
||||
幼升小
|
||||
</el-radio>
|
||||
<el-radio :disabled="planstatus.cz==0"
|
||||
v-model="AddFormData.dj_djlx"
|
||||
label="3">
|
||||
小升初
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<vi-title title="子女信息"></vi-title>
|
||||
<el-row gutter="30">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="子女姓名" prop="dj_znname">
|
||||
<el-input clearable v-model="AddFormData.dj_znname" placeholder="子女姓名"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<template v-if="AddFormData.dj_djlx==3">
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在小学" prop="dj_szxx">
|
||||
<el-input clearable v-model="AddFormData.dj_szxx" placeholder="所在小学"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="六上期末考分" prop="dj_qmkf">
|
||||
<el-input clearable v-model="AddFormData.dj_qmkf" placeholder="六上期末考分（语数外）"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
<el-col :span="12">
|
||||
<el-form-item label="学区中学" prop="dj_xqzx">
|
||||
<el-input clearable v-model="AddFormData.dj_xqzx" placeholder="学区中学"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="意向学校" prop="dj_sqxx">
|
||||
<el-select clearable v-model="AddFormData.dj_sqxx" style="width: 100%">
|
||||
<el-option label="南京郑和外国语学校（A）" value="A"></el-option>
|
||||
<el-option label="南京航空航天大学附属初级中学（B）" value="B"></el-option>
|
||||
<el-option label="南京市第五初级中学（C）" value="C"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="语文" prop="dj_qmkfy">
|
||||
<el-input-number :controls="false" style="width: 100%" v-model="AddFormData.dj_qmkfy"
|
||||
placeholder="六上期末考分（语文）"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="数学" prop="dj_qmkfs">
|
||||
<el-input :controls="false" style="width: 100%" v-model="AddFormData.dj_qmkfs"
|
||||
placeholder="六上期末考分（数学）"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="外语" prop="dj_qmkfw">
|
||||
<el-input-number :controls="false" style="width: 100%" v-model="AddFormData.dj_qmkfw"
|
||||
placeholder="六上期末考分（外语）"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</template>
|
||||
<template v-if="AddFormData.dj_djlx==2">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="出生日期" prop="dj_znzsny">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="AddFormData.dj_znzsny"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择出生日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="户籍所属辖区" prop="dj_hjssxq">
|
||||
<el-select clearable v-model="AddFormData.dj_hjssxq" style="width: 100%"
|
||||
placeholder="请选择户籍所属辖区">
|
||||
<el-option label="南京市秦淮区" value="南京市秦淮区"></el-option>
|
||||
<el-option label="南京市其它区" value="南京市其它区"></el-option>
|
||||
<el-option label="南京市以外" value="南京市以外"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="户籍所属小学" prop="dj_hjssxx">
|
||||
<el-input clearable v-model="AddFormData.dj_hjssxx" placeholder="户籍所属小学"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="子女户籍所在地" prop="dj_znhjszd">
|
||||
<el-input clearable v-model="AddFormData.dj_znhjszd" placeholder="子女户籍所在地"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</template>
|
||||
</el-row>
|
||||
|
||||
<vi-title title="教职工本人信息"></vi-title>
|
||||
<el-row gutter="30">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="教职工姓名" prop="dj_jzgid">
|
||||
<el-select
|
||||
style="width: 100%"
|
||||
v-model="AddFormData.dj_jzgid"
|
||||
filterable
|
||||
remote
|
||||
readonly
|
||||
reserve-keyword
|
||||
placeholder="请输入工号或者姓名查找"
|
||||
@change="userChange"
|
||||
:remote-method="queryUser"
|
||||
:loading="loading">
|
||||
<el-option
|
||||
v-for="item in userList"
|
||||
:key="item.id"
|
||||
:label="item.username"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="工号">
|
||||
<el-input v-model="AddFormData.dj_gzh" readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="30">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="技术职称" prop="dj_zc">
|
||||
<el-input clearable v-model="AddFormData.dj_zc" placeholder="技术职称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="职称评定时间" prop="dj_zcsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="AddFormData.dj_zcsj"
|
||||
type="month"
|
||||
value-format="yyyy-MM"
|
||||
placeholder="职称评定时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="行政职务级别" prop="dj_zw">
|
||||
<el-select clearable v-model="AddFormData.dj_zw" style="width: 100%" 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-select>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="行政职务级别" prop="dj_zw">
|
||||
|
||||
<el-input clearable v-model="AddFormData.dj_zw" placeholder="行政职务级别"></el-input>
|
||||
</el-form-item>-->
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="行政职级任职时间" prop="dj_rzsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="AddFormData.dj_rzsj"
|
||||
type="month"
|
||||
value-format="yyyy-MM"
|
||||
placeholder="行政职级任职时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="省级人才称号" prop="dj_rcch">
|
||||
<el-input clearable v-model="AddFormData.dj_rcch" placeholder="省部级及以上人才称号"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="获人才称号时间" prop="dj_rcchsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="AddFormData.dj_rcchsj"
|
||||
type="month"
|
||||
value-format="yyyy-MM"
|
||||
placeholder="获人才称号时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="AddFormData.dj_djlx==3">
|
||||
<el-form-item label="荣誉或奖项" prop="dj_rxjx">
|
||||
<el-input clearable v-model="AddFormData.dj_rxjx" placeholder="荣誉或奖项(只填写最高的一项)"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="手机号码" prop="dj_iphone">
|
||||
<el-input clearable v-model="AddFormData.dj_iphone"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在单位">
|
||||
<el-input clearable v-model="AddFormData.dj_szdw" readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<!--幼儿园字段 start-->
|
||||
<div class="flexbox" v-if="AddFormData.dj_djlx==1">
|
||||
<el-form-item label="所在单位">
|
||||
<el-input clearable v-model="AddFormData.dj_szdw" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="子女关系" prop="dj_jzgzngx">
|
||||
<el-select clearable v-model="AddFormData.dj_jzgzngx" style="width: 100%">
|
||||
<el-option value="父子" lable="父子"></el-option>
|
||||
<el-option value="父女" lable="父女"></el-option>
|
||||
<el-option value="母子" lable="母子"></el-option>
|
||||
<el-option value="母女" lable="母女"></el-option>
|
||||
<el-option value="第三代" lable="第三代"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="flexbox" v-if="AddFormData.dj_djlx==1">
|
||||
<el-form-item label="申请班级" prop="dj_sqxx">
|
||||
<el-select clearable v-model="AddFormData.dj_sqxx" style="width: 100%">
|
||||
<el-option value="亲子班" lable="亲子班"></el-option>
|
||||
<el-option value="托班" lable="托班"></el-option>
|
||||
<el-option value="小班" lable="小班"></el-option>
|
||||
<el-option value="中班" lable="中班"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<!--幼儿园字段 end-->
|
||||
|
||||
|
||||
<!--小学 初中字段 start-->
|
||||
<el-row gutter="30" v-if="AddFormData.dj_djlx==2">
|
||||
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="教职工户籍所在地" prop="dj_hjszd">
|
||||
|
||||
<el-input clearable v-model="AddFormData.dj_hjszd" placeholder="教职工户籍所在地"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="房产证地址" prop="dj_jtzz">
|
||||
<el-input clearable v-model="AddFormData.dj_jtzz" placeholder="房产证地址"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div class="flexbox" v-if="AddFormData.dj_djlx==2||AddFormData.dj_djlx==3">
|
||||
|
||||
|
||||
<!-- <el-form-item label="子女关系" prop="dj_jzgzngx">
|
||||
<el-select clearable v-model="AddFormData.dj_jzgzngx" style="width: 100%">
|
||||
<el-option value="父子" lable="父子"></el-option>
|
||||
<el-option value="父女" lable="父女"></el-option>
|
||||
<el-option value="母子" lable="母子"></el-option>
|
||||
<el-option value="母女" lable="母女"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>-->
|
||||
</div>
|
||||
|
||||
<div class="flexbox" v-if="AddFormData.dj_djlx==2||AddFormData.dj_djlx==3">
|
||||
<!-- <el-form-item label="人员类型" prop="dj_rylx">
|
||||
<dict-select v-model="AddFormData.dj_rylx" style="width: 100%" clearable placeholder="人员类型"
|
||||
code="UserType"></dict-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否人才或骨干" prop="dj_sfgcrchywgg">
|
||||
<el-select clearable v-model="AddFormData.dj_sfgcrchywgg" style="width: 100%">
|
||||
<el-option
|
||||
v-for="item,index in ['否','是']"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="index">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>-->
|
||||
</div>
|
||||
|
||||
<div class="flexbox" v-if="AddFormData.dj_djlx==2||AddFormData.dj_djlx==3">
|
||||
|
||||
<!-- <el-form-item label="是否有学区房" prop="dj_sfyxqf">
|
||||
<el-select clearable v-model="AddFormData.dj_sfyxqf" style="width: 100%">
|
||||
<el-option
|
||||
v-for="item,index in ['否','是']"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="index">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>-->
|
||||
</div>
|
||||
<!--小学 初中字段 end-->
|
||||
|
||||
<div>
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="AddFormData.dj_bz" show-word-limit="true" type="textarea"
|
||||
maxlength="100"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-if="AddFormData.dj_djlx==2">
|
||||
<el-form-item label="户口簿图片" prop="hkfile">
|
||||
<file-upload card :files.sync="AddFormData.hkfile"></file-upload>
|
||||
<div style="color: #F56C6C">
|
||||
请上传首页及本人及幼升小子女户口页
|
||||
</div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-if="AddFormData.dj_djlx==2">
|
||||
<el-form-item label="房产证或无房证明" prop="fcfile">
|
||||
<file-upload card :files.sync="AddFormData.fcfile"></file-upload>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-if="AddFormData.dj_djlx==3">
|
||||
<el-form-item label="六上期末考分证明" prop="qmkffile">
|
||||
<file-upload card :files.sync="AddFormData.qmkffile"></file-upload>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
</el-form>
|
||||
<el-row style="text-align: right;">
|
||||
<!-- <el-button type="success" @click="doAdd(0)" :disabled="planstatus.yey==0&&planstatus.xx==0&&planstatus.cz==0">保 存-->
|
||||
<!-- </el-button>-->
|
||||
<el-button type="primary" @click="doAdd(1)"
|
||||
:disabled="planstatus.yey==0&&planstatus.xx==0&&planstatus.cz==0">确 定
|
||||
</el-button>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const rules = {
|
||||
dj_znname: [{required: true, trigger: ['blur', 'change'], message: '请填写子女姓名'}],
|
||||
dj_znzsny: [{required: true, trigger: ['blur', 'change'], message: '请选择子女出生日期'}],
|
||||
dj_jzgid: [{required: true, trigger: ['blur', 'change'], message: '请填写教职工姓名'}],
|
||||
dj_iphone: [{required: true, trigger: ['blur', 'change'], message: '请填写教职工手机号'}],
|
||||
// dj_zc: [{required: true, trigger: ['blur', 'change'], message: '请填写技术职称'}],
|
||||
dj_xqzx: [{required: true, trigger: ['blur', 'change'], message: '请填写学区中学'}],
|
||||
dj_szxx: [{required: true, trigger: ['blur', 'change'], message: '请填写所在小学'}],
|
||||
// dj_zcsj: [{required: true, trigger: ['blur', 'change'], message: '请填写职称评定时间'}],
|
||||
// dj_zw: [{required: true, trigger: ['blur', 'change'], message: '请填写行政职务'}],
|
||||
dj_jzgzngx: [{required: true, trigger: ['blur', 'change'], message: '请选择子女关系'}],
|
||||
dj_jtzz: [{required: true, trigger: ['blur', 'change'], message: '请填写家庭住址'}],
|
||||
dj_hjszd: [{required: true, trigger: ['blur', 'change'], message: '请填写教职工户籍所在地'}],
|
||||
dj_znhjszd: [{required: true, trigger: ['blur', 'change'], message: '请填写子女户籍所在地'}],
|
||||
dj_rylx: [{required: true, trigger: ['blur', 'change'], message: '请选择人员类型'}],
|
||||
dj_sfgcrchywgg: [{required: true, trigger: ['blur', 'change'], message: '请选择'}],
|
||||
dj_sqxx: [{required: true, trigger: ['blur', 'change'], message: '请选择'}],
|
||||
dj_sfyxqf: [{required: true, trigger: ['blur', 'change'], message: '请选择'}],
|
||||
dj_hjssxx: [{required: true, trigger: ['blur', 'change'], message: '请填写户籍所属小学'}],
|
||||
dj_hjssxq: [{required: true, trigger: ['blur', 'change'], message: '请填写户籍所属辖区'}],
|
||||
dj_qmkfy: [{required: true, trigger: ['blur', 'change'], message: '请填写语文成绩'}],
|
||||
dj_qmkfs: [{required: true, trigger: ['blur', 'change'], message: '请填写数学成绩'}],
|
||||
dj_qmkfw: [{required: true, trigger: ['blur', 'change'], message: '请填写外语成绩'}],
|
||||
hkfile: [{required: true, trigger: ['blur', 'change'], message: '请上传户口簿图片'}],
|
||||
fcfile: [{required: true, trigger: ['blur', 'change'], message: '请上传房产证或无房证明'}],
|
||||
qmkffile: [{required: true, trigger: ['blur', 'change'], message: '请上传六上期末考分证明'}],
|
||||
|
||||
}
|
||||
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
components: {
|
||||
'dict-select': httpVueLoader('/components/plugins/DictSelect.vue?v=1.0.0'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
planstatus: {},
|
||||
AddFormData: {
|
||||
dj_zw: ''
|
||||
},
|
||||
rules: rules,
|
||||
loading: false,
|
||||
userList: {},
|
||||
hkfile: [],
|
||||
fcfile: [],
|
||||
qmkffile: [],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async queryUser(keywords) {
|
||||
if (keywords != '') {
|
||||
this.loading = true
|
||||
const data = await selectUser(keywords, 10)
|
||||
this.loading = false
|
||||
this.userList = data.list
|
||||
} else {
|
||||
this.userList = []
|
||||
}
|
||||
},
|
||||
|
||||
userChange(o) {
|
||||
let user = this.userList.find(u => u.id == o)
|
||||
this.$set(this.AddFormData, 'dj_zc', user.zc)
|
||||
// this.$set(this.AddFormData, 'dj_zw', user.zw)
|
||||
this.$set(this.AddFormData, 'dj_szdw', user.dwname)
|
||||
this.$set(this.AddFormData, 'dj_gzh', user.loginname)
|
||||
this.$set(this.AddFormData, 'dj_iphone', user.mobile)
|
||||
},
|
||||
|
||||
hkhandleChange(file, fileList) {
|
||||
this.hkfileList = fileList;
|
||||
},
|
||||
cshandleChange(file, fileList) {
|
||||
this.csfileList = fileList;
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
doAdd() {
|
||||
this.$refs['AddForm'].validate(async valid => {
|
||||
if (valid) {
|
||||
if (this.fcfile.length === 0 && this.AddFormData.dj_djlx === 2) {
|
||||
this.$message.info('请上传房产证或无房证明')
|
||||
return
|
||||
}
|
||||
if (this.hkfile.length === 0 && this.AddFormData.dj_djlx === 2) {
|
||||
this.$message.info('请上传户口簿图片')
|
||||
return
|
||||
}
|
||||
if (this.qmkffile.length === 0 && this.AddFormData.dj_djlx === 3) {
|
||||
this.$message.info('请上传小学六上期末考分（语、数、外）证明')
|
||||
return
|
||||
}
|
||||
this.AddFormData.dj_sqxx_name = this.AddFormData.dj_sqxx === "A" ? "南京郑和外国语学校（A）" : this.AddFormData.dj_sqxx === "B" ? "南京航空航天大学附属初级中学（B）" : "南京市第五初级中学（C）"
|
||||
|
||||
const res = await $.get("/platform/zgfw/rxdjsq/hasDJ", this.AddFormData)
|
||||
if (res.data > 0) {
|
||||
this.$confirm('该子女已经提交，是否要覆盖？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
closeOnClickModal: false,
|
||||
type: 'warning',
|
||||
}).then(() => {
|
||||
this.doSubmit(true)
|
||||
}).catch(() => {
|
||||
this.doSubmit(false)
|
||||
})
|
||||
} else {
|
||||
await this.doSubmit(false)
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
async doSubmit(flag) {
|
||||
if (this.AddFormData.dj_djlx === "2") {
|
||||
this.AddFormData.hkfile.map(v => {
|
||||
v.bz = "hkfile"
|
||||
})
|
||||
this.AddFormData.fcfile.map(v => {
|
||||
v.bz = "fcfile"
|
||||
})
|
||||
} else {
|
||||
this.AddFormData.qmkffile.map(v => {
|
||||
v.bz = "qmkffile"
|
||||
})
|
||||
}
|
||||
|
||||
const res = await $.post("/platform/zgfw/rxdjsq/doAdd", {
|
||||
data: JSON.stringify(this.AddFormData),
|
||||
hkfile: JSON.stringify(this.AddFormData.hkfile),
|
||||
fcfile: JSON.stringify(this.AddFormData.fcfile),
|
||||
qmkffile: JSON.stringify(this.AddFormData.qmkffile),
|
||||
flag: flag
|
||||
})
|
||||
if (res.code === 0) {
|
||||
location.href = '/platform/zgfw/rxdjxx';
|
||||
} else {
|
||||
this.$message.error(data.msg);
|
||||
}
|
||||
},
|
||||
|
||||
async getPlanStatus() {
|
||||
const res = await $.post("/platform/zgfw/rxdjsq/planStatus")
|
||||
this.planstatus = res
|
||||
if (this.planstatus.yey == 1) {
|
||||
this.$set(this.AddFormData, "dj_djlx", '1')
|
||||
this.$set(this.AddFormData, "dj_znzsny", '2016-9-1');
|
||||
} else if (this.planstatus.xx == 1) {
|
||||
this.$set(this.AddFormData, "dj_djlx", '2')
|
||||
} else if (this.planstatus.cz == 1) {
|
||||
this.$set(this.AddFormData, "dj_djlx", '3')
|
||||
} else {
|
||||
this.$message.warning('暂未开放')
|
||||
}
|
||||
|
||||
},
|
||||
async init() {
|
||||
const data = await selectUser("${@shiro.getPrincipalProperty('username')}", 10)
|
||||
this.userList = data.list
|
||||
this.$set(this.AddFormData, 'dj_jzgid', "${@shiro.getPrincipalProperty('id')}")
|
||||
|
||||
this.userChange("${@shiro.getPrincipalProperty('id')}")
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getPlanStatus()
|
||||
this.init()
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
|
||||
@@ -0,0 +1,744 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" clearable slot="prepend" placeholder="查询类型"
|
||||
style="width: 120px;">
|
||||
<el-option label="子女姓名" value="dj_znname"></el-option>
|
||||
<el-option label="教职工姓名" value="u.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-button icon="el-icon-search" @click="doSearch"
|
||||
style="background-color:#409eff;color: white;"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData">
|
||||
<el-table-column label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="dj_znname" label="子女姓名">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="dj_znzsny" label="出生日期">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znzsny}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="jzgname"
|
||||
label="教职工姓名"
|
||||
>
|
||||
<template scope="scope">
|
||||
{{scope.row.jzgname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
prop="dj_jzgzngx"
|
||||
label="子女关系">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_jzgzngx}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column label="所属单位" prop="dwname" header-align="center" align="center" sortable
|
||||
show-overflow-tooltip width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="所属部门工会" prop="jzgfghname" sortable
|
||||
show-overflow-tooltip width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_iphone"
|
||||
label="手机号码">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_iphone}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_djlx"
|
||||
label="登记类型" sortable>
|
||||
<template scope="{row}">
|
||||
<span v-if="row.dj_djlx==1">幼儿园</span>
|
||||
<span v-if="row.dj_djlx==2">幼升小</span>
|
||||
<span v-if="row.dj_djlx==3">小升初</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="信息审核状态">
|
||||
<template scope="{row}">
|
||||
<span style="color: #e6a23c" v-if="row.dj_sqzt==1">待部门工会审核</span>
|
||||
<span style="color: #f56c6c" v-if="row.dj_sqzt==3">部门工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==2" style="color: #e6a23c">待校工会审核</span>
|
||||
<span v-if="row.dj_sqzt==4" style="color: #f56c6c">校工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==5" style="color: #67c23a">审核通过</span>
|
||||
<span v-if="row.dj_sqzt==0">待重新提交</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作">
|
||||
<template slot-scope="{row}">
|
||||
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{action:openView,value:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="([0,1].includes(row.dj_sqzt))?false:true"
|
||||
:command="{action:openEdit,value:row}">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="![0,1].includes(row.dj_sqzt)"
|
||||
:command="{action:doDelete,value:row.dj_id}">
|
||||
删除
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
: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-card>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<rxdj-info ref="viewInfo"></rxdj-info>
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
|
||||
<el-form :model="EditFormData" ref="EditForm" label-width="150px" :rules="rules">
|
||||
<el-form-item label="报名类型" prop="class">
|
||||
<span v-if="EditFormData.dj_djlx==1">幼儿园</span>
|
||||
<span v-if="EditFormData.dj_djlx==2">小学</span>
|
||||
<span v-if="EditFormData.dj_djlx==3">初中</span>
|
||||
</el-form-item>
|
||||
<vi-title title="子女信息"></vi-title>
|
||||
<el-row gutter="30">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="子女姓名" prop="dj_znname">
|
||||
<el-input clearable v-model="EditFormData.dj_znname" placeholder="子女姓名"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<template v-if="EditFormData.dj_djlx==3">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在小学" prop="dj_szxx">
|
||||
<el-input clearable v-model="EditFormData.dj_szxx" placeholder="所在小学"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="学区中学" prop="dj_xqzx">
|
||||
<el-input clearable v-model="EditFormData.dj_xqzx" placeholder="学区中学"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="意向学校" prop="dj_sqxx">
|
||||
<el-select clearable v-model="EditFormData.dj_sqxx" style="width: 100%">
|
||||
<el-option label="南京郑和外国语学校（A）" value="A"></el-option>
|
||||
<el-option label="南京航空航天大学附属初级中学（B）" value="B"></el-option>
|
||||
<el-option label="南京市第五初级中学（C）" value="C"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="语文" prop="dj_qmkfy">
|
||||
<el-input-number :controls="false" style="width: 100%" v-model="EditFormData.dj_qmkfy"
|
||||
placeholder="六上期末考分（语文）"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="数学" prop="dj_qmkfs">
|
||||
<el-input-number :controls="false" style="width: 100%" v-model="EditFormData.dj_qmkfs"
|
||||
placeholder="六上期末考分（数学）"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="外语" prop="dj_qmkfw">
|
||||
<el-input-number :controls="false" style="width: 100%" v-model="EditFormData.dj_qmkfw"
|
||||
placeholder="六上期末考分（外语）"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</template>
|
||||
|
||||
<template v-if="EditFormData.dj_djlx==2">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="出生日期" prop="dj_znzsny">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="EditFormData.dj_znzsny"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="出生年月">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="户籍所属小学" prop="dj_hjssxx">
|
||||
<el-input clearable v-model="EditFormData.dj_hjssxx"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="户籍所属辖区" prop="dj_hjssxq">
|
||||
<el-select clearable v-model="EditFormData.dj_hjssxq" style="width: 100%"
|
||||
placeholder="请选择户籍所属辖区">
|
||||
<el-option label="南京市秦淮区" value="南京市秦淮区"></el-option>
|
||||
<el-option label="南京市其它区" value="南京市其它区"></el-option>
|
||||
<el-option label="南京市以外" value="南京市以外"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="子女户籍所在地" prop="dj_znhjszd">
|
||||
<el-input clearable v-model="EditFormData.dj_znhjszd"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</template>
|
||||
|
||||
|
||||
</el-row>
|
||||
|
||||
<vi-title title="教职工本人信息"></vi-title>
|
||||
<el-row gutter="30">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="教职工姓名" prop="dj_jzgid">
|
||||
<el-select
|
||||
style="width: 100%"
|
||||
v-model="EditFormData.dj_jzgid"
|
||||
filterable
|
||||
remote
|
||||
readonly
|
||||
disabled
|
||||
reserve-keyword
|
||||
placeholder="请输入工号或者姓名查找"
|
||||
@change="userChange"
|
||||
:remote-method="queryUser"
|
||||
:loading="loading">
|
||||
<el-option
|
||||
v-for="item in userList"
|
||||
:key="item.id"
|
||||
:label="item.username"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="工号">
|
||||
<el-input v-model="EditFormData.loginname" readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="技术职称" prop="dj_zc">
|
||||
<el-input clearable v-model="EditFormData.dj_zc"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="职称评定时间" prop="dj_zcsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="EditFormData.dj_zcsj"
|
||||
type="month"
|
||||
value-format="yyyy-MM"
|
||||
placeholder="职称评定时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="行政职务级别" prop="dj_zw">
|
||||
<el-select clearable v-model="EditFormData.dj_zw" style="width: 100%"
|
||||
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-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="行政职级任职时间" prop="dj_rzsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="EditFormData.dj_rzsj"
|
||||
type="month"
|
||||
value-format="yyyy-MM"
|
||||
placeholder="行政职级任职时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="省级人才称号" prop="dj_rcch">
|
||||
<el-input clearable v-model="EditFormData.dj_rcch" placeholder="省部级及以上人才称号"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="获人才称号时间" prop="dj_rcchsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="EditFormData.dj_rcchsj"
|
||||
type="month"
|
||||
value-format="yyyy-MM"
|
||||
placeholder="获人才称号时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="EditFormData.dj_djlx==3">
|
||||
<el-form-item label="荣誉或奖项" prop="dj_rxjx">
|
||||
<el-input clearable v-model="EditFormData.dj_rxjx"
|
||||
placeholder="荣誉或奖项(只填写最高的一项)"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="手机号码" prop="dj_iphone">
|
||||
<el-input clearable v-model="EditFormData.dj_iphone"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在单位">
|
||||
<el-input clearable v-model="EditFormData.dj_szdw" readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
</el-row>
|
||||
|
||||
<!--幼儿园字段 start-->
|
||||
<!--<div class="flexbox" v-if="EditFormData.dj_djlx==1">
|
||||
<el-form-item label="所在单位">
|
||||
<el-input clearable v-model="EditFormData.dwname" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="子女关系">
|
||||
<el-select clearable v-model="EditFormData.dj_jzgzngx" style="width: 100%">
|
||||
<el-option value="父子" lable="父子"></el-option>
|
||||
<el-option value="父女" lable="父女"></el-option>
|
||||
<el-option value="母子" lable="母子"></el-option>
|
||||
<el-option value="母女" lable="母女"></el-option>
|
||||
<el-option value="第三代" lable="第三代"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="flexbox" v-if="EditFormData.dj_djlx==1">
|
||||
<el-form-item label="申请班级" prop="dj_sqxx">
|
||||
<el-select clearable v-model="EditFormData.dj_sqxx" style="width: 100%">
|
||||
<el-option value="亲子班" lable="亲子班"></el-option>
|
||||
<el-option value="托班" lable="托班"></el-option>
|
||||
<el-option value="小班" lable="小班"></el-option>
|
||||
<el-option value="中班" lable="中班"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>-->
|
||||
<!--幼儿园字段 end-->
|
||||
|
||||
|
||||
<!--小学 初中字段 start-->
|
||||
|
||||
<el-row gutter="30" v-if="EditFormData.dj_djlx==2">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="房产证地址" prop="dj_jtzz">
|
||||
<el-input clearable v-model="EditFormData.dj_jtzz"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="教职工户籍所在地" prop="dj_hjszd">
|
||||
<el-input clearable v-model="EditFormData.dj_hjszd"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<!-- <div class="flexbox" v-if="EditFormData.dj_djlx==2||EditFormData.dj_djlx==3">
|
||||
<el-form-item label="所在单位">
|
||||
<el-input clearable v-model="EditFormData.dwname" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="家庭住址" prop="dj_jtzz">
|
||||
<el-input clearable v-model="EditFormData.dj_jtzz"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div class="flexbox" v-if="EditFormData.dj_djlx==2||EditFormData.dj_djlx==3">
|
||||
<el-form-item label="户籍所在地" prop="dj_hjszd">
|
||||
<el-input clearable v-model="EditFormData.dj_hjszd"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="子女关系" prop="dj_jzgzngx">
|
||||
<el-select clearable v-model="EditFormData.dj_jzgzngx" style="width: 100%">
|
||||
<el-option value="父子" lable="父子"></el-option>
|
||||
<el-option value="父女" lable="父女"></el-option>
|
||||
<el-option value="母子" lable="母子"></el-option>
|
||||
<el-option value="母女" lable="母女"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div class="flexbox" v-if="EditFormData.dj_djlx==2||EditFormData.dj_djlx==3">
|
||||
<el-form-item label="人员类型" prop="dj_rylx">
|
||||
<el-select clearable v-model="EditFormData.dj_rylx" style="width: 100%">
|
||||
<el-option value="事业编制" lable="事业编制"></el-option>
|
||||
<el-option value="预任职员" lable="预任职员"></el-option>
|
||||
<el-option value="专职科研" lable="专职科研"></el-option>
|
||||
<el-option value="统招博士后" lable="统招博士后"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否人才或骨干" prop="dj_sfgcrchywgg">
|
||||
<el-select clearable v-model="EditFormData.dj_sfgcrchywgg" style="width: 100%">
|
||||
<el-option
|
||||
v-for="item,index in ['否','是']"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="index">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div class="flexbox" v-if="EditFormData.dj_djlx==2||EditFormData.dj_djlx==3">
|
||||
<el-form-item label="申请学校" prop="dj_sqxx">
|
||||
<el-select clearable v-model="EditFormData.dj_sqxx" style="width: 100%">
|
||||
<el-option v-if="EditFormData.dj_djlx==2" value="金陵小学和园校区"
|
||||
lable="金陵小学和园校区"></el-option>
|
||||
<el-option v-if="EditFormData.dj_djlx==2" value="汉口路小学"
|
||||
lable="汉口路小学"></el-option>
|
||||
<el-option v-if="EditFormData.dj_djlx==3" value="金陵中学仙林分校"
|
||||
lable="金陵中学仙林分校"></el-option>
|
||||
<el-option v-if="EditFormData.dj_djlx==3" value="南大附中" lable="南大附中"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否有学区房" prop="dj_sfyxqf">
|
||||
<el-select clearable v-model="EditFormData.dj_sfyxqf" style="width: 100%">
|
||||
<el-option
|
||||
v-for="item,index in ['否','是']"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="index">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>-->
|
||||
<!--小学 初中字段 end-->
|
||||
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="EditFormData.dj_bz" show-word-limit="true" type="textarea"
|
||||
maxlength="100"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<div v-if="EditFormData.dj_djlx==2">
|
||||
<el-form-item label="户口簿图片" prop="hkfile" class="is-required">
|
||||
<file-upload card :files.sync="EditFormData.hkfile"></file-upload>
|
||||
<div style="color: #F56C6C">
|
||||
请上传首页及本人及幼升小子女户口页
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="房产证或无房证明" prop="fcfile" class="is-required">
|
||||
<file-upload card :files.sync="EditFormData.fcfile"></file-upload>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-if="EditFormData.dj_djlx==3">
|
||||
<el-form-item label="六上期末考分证明" prop="qmkffile" class="is-required">
|
||||
<file-upload card :files.sync="EditFormData.qmkffile"></file-upload>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
</el-form>
|
||||
<div style="float: right;margin-bottom: 50px">
|
||||
<el-button type="primary" @click="doEdit">确 定</el-button>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const rules = {}
|
||||
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'rxdj-info': httpVueLoader('/components/zgfw/rxdj/rxdj.vue?v=1.0.0'),
|
||||
},
|
||||
data() {
|
||||
let hkFileValidate = (rule, value, callback) => {
|
||||
if (this.EditFormData.hkfile.length === 0) {
|
||||
callback(new Error('请上传户口簿图片'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
let fcFileValidate = (rule, value, callback) => {
|
||||
if (this.EditFormData.fcfile.length === 0) {
|
||||
callback(new Error('房产证或无房证明'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
let qmkfFileValidate = (rule, value, callback) => {
|
||||
if (this.EditFormData.qmkffile.length === 0) {
|
||||
callback(new Error('六上期末考分证明'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
pageForm: {
|
||||
year: moment().format('YYYY')
|
||||
},
|
||||
planstatus: {},
|
||||
tableData: [],
|
||||
sfkq: {},
|
||||
EditFormData: {
|
||||
djrxx: {},
|
||||
hkfile: [],
|
||||
fcfile: [],
|
||||
qmkffile: []
|
||||
},
|
||||
rules: {
|
||||
dj_znname: [{required: true, trigger: ['blur', 'change'], message: '请填写子女姓名'}],
|
||||
dj_znzsny: [{required: true, trigger: ['blur', 'change'], message: '请选择子女出生日期'}],
|
||||
dj_jzgid: [{required: true, trigger: ['blur', 'change'], message: '请填写教职工姓名'}],
|
||||
mobile: [{required: true, trigger: ['blur', 'change'], message: '请填写教职工手机号'}],
|
||||
zw: [{required: true, trigger: ['blur', 'change'], message: '请填写职务'}],
|
||||
dj_jzgzngx: [{required: true, trigger: ['blur', 'change'], message: '请选择子女关系'}],
|
||||
dj_jtzz: [{required: true, trigger: ['blur', 'change'], message: '请填写家庭住址'}],
|
||||
dj_hjszd: [{required: true, trigger: ['blur', 'change'], message: '请填写户籍所在地'}],
|
||||
dj_rylx: [{required: true, trigger: ['blur', 'change'], message: '请选择人员类型'}],
|
||||
dj_sfgcrchywgg: [{required: true, trigger: ['blur', 'change'], message: '请选择'}],
|
||||
dj_sqxx: [{required: true, trigger: ['blur', 'change'], message: '请选择'}],
|
||||
dj_sfyxqf: [{required: true, trigger: ['blur', 'change'], message: '请选择'}],
|
||||
dj_hjssxx: [{required: true, trigger: ['blur', 'change'], message: '请选择'}],
|
||||
dj_znhjszd: [{required: true, trigger: ['blur', 'change'], message: '请填写子女户籍所在地'}],
|
||||
hkfile: [{validator: hkFileValidate, trigger: ['blur', 'change']}],
|
||||
fcfile: [{validator: fcFileValidate, trigger: ['blur', 'change']}],
|
||||
qmkffile: [{validator: qmkfFileValidate, trigger: ['blur', 'change']}],
|
||||
// dj_bz: [{required: true, trigger: ['blur', 'change'], message: '请'}],
|
||||
},
|
||||
delFiles: [],
|
||||
loading: false,
|
||||
userList: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand({action, value}) {
|
||||
if (action) action(value)
|
||||
}
|
||||
,
|
||||
|
||||
fileOnDelete(file) {
|
||||
if (file.status === 2) {
|
||||
this.delFiles.push({url: file.url})
|
||||
}
|
||||
}
|
||||
,
|
||||
pageData: function () {//加载分页数据
|
||||
$.post(base + '/platform/zgfw/rxdjxx/pageData', this.pageForm).then(res => {
|
||||
this.tableData = res.data.list
|
||||
this.pageForm.totalCount = res.data.totalCount
|
||||
})
|
||||
}
|
||||
,
|
||||
getPlanStatus() {
|
||||
$.post("/platform/zgfw/rxdjsq/planStatus").then(res => {
|
||||
this.planstatus = res
|
||||
})
|
||||
}
|
||||
,
|
||||
userChange(o) {
|
||||
let user = this.userList.find(u => u.id == o)
|
||||
$.extend(this.EditFormData, user)
|
||||
}
|
||||
,
|
||||
async queryUser(keywords) {
|
||||
if (keywords != '') {
|
||||
this.loading = true
|
||||
const data = await Gh.selectUser(keywords, 10)
|
||||
this.loading = false
|
||||
this.userList = data.list
|
||||
} else {
|
||||
this.userList = []
|
||||
}
|
||||
}
|
||||
,
|
||||
doDelete(id) {
|
||||
this.$confirm('此操作将删除该数据，确定吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
closeOnClickModal: false,
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
$.post(base + "/platform/zgfw/rxdjxx/doDelete", {id: id}).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.doSearch();
|
||||
this.$message.success(res.msg);
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
})
|
||||
}).catch(err => {
|
||||
})
|
||||
}
|
||||
,
|
||||
openEdit(obj) {
|
||||
$.post(base + '/platform/zgfw/rxdjxx/findOne', {id: obj.dj_id}).then(res => {
|
||||
this.$refs.guava.edit()
|
||||
let u = res.data.djuser
|
||||
|
||||
this.EditFormData.hkfile = res.data.fjs.filter(f => {
|
||||
return f.bz === "hkfile"
|
||||
})
|
||||
this.EditFormData.qmkffile = res.data.fjs.filter(f => {
|
||||
return f.bz === "qmkffile"
|
||||
})
|
||||
this.EditFormData.fcfile = res.data.fjs.filter(f => {
|
||||
return f.bz === "fcfile"
|
||||
})
|
||||
this.userList = [{
|
||||
id: u.id,
|
||||
loginname: u.loginname,
|
||||
username: u.username,
|
||||
dwname: u.dwname
|
||||
}]
|
||||
this.userChange(u.id)
|
||||
})
|
||||
this.EditFormData = obj
|
||||
this.$set(this.EditFormData, "dj_djlx", obj.dj_djlx.toString())
|
||||
this.$set(this.EditFormData, "mobile", obj.dj_iphone)
|
||||
// this.$set(this.EditFormData, "zw", obj.dj_zw)
|
||||
this.$set(this.EditFormData, "dwname", obj.dj_szdw)
|
||||
this.$set(this.EditFormData, "dj_sfyxqf", obj.dj_sfyxqf == true ? 1 : 0)
|
||||
this.$set(this.EditFormData, "dj_sfgcrchywgg", obj.dj_sfgcrchywgg == true ? 1 : 0)
|
||||
|
||||
}
|
||||
,
|
||||
doEdit() {
|
||||
this.$refs['EditForm'].validate(async valid => {
|
||||
if (valid) {
|
||||
if (this.EditFormData.dj_djlx === "2") {
|
||||
this.EditFormData.hkfile.map(v => {
|
||||
v.bz = "hkfile"
|
||||
})
|
||||
this.EditFormData.fcfile.map(v => {
|
||||
v.bz = "fcfile"
|
||||
})
|
||||
} else {
|
||||
this.EditFormData.qmkffile.map(v => {
|
||||
v.bz = "qmkffile"
|
||||
})
|
||||
}
|
||||
this.EditFormData.dj_sqxx_name = this.EditFormData.dj_sqxx === "A" ? "南京郑和外国语学校（A）" : this.EditFormData.dj_sqxx === "B" ? "南京航空航天大学附属初级中学（B）" : "南京市第五初级中学（C）"
|
||||
const res = await $.post("/platform/zgfw/rxdjxx/doEdit", {
|
||||
data: JSON.stringify(this.EditFormData),
|
||||
hkfile: JSON.stringify(this.EditFormData.hkfile),
|
||||
fcfile: JSON.stringify(this.EditFormData.fcfile),
|
||||
qmkffile: JSON.stringify(this.EditFormData.qmkffile)
|
||||
})
|
||||
if (res.code === 0) {
|
||||
this.EditFormData.hkfile = []
|
||||
this.EditFormData.fcfile = []
|
||||
this.EditFormData.qmkffile = []
|
||||
this.$refs.guava.index()
|
||||
this.doSearch()
|
||||
this.$message.success(res.msg)
|
||||
} else {
|
||||
this.$message.error(data.msg);
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
,
|
||||
openView(row) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row)
|
||||
}
|
||||
,
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
}
|
||||
,
|
||||
}
|
||||
,
|
||||
created: async function () {
|
||||
this.pageData()
|
||||
this.getPlanStatus()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
,
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,253 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" clearable slot="prepend" placeholder="查询类型"
|
||||
style="width: 120px;">
|
||||
<el-option label="子女姓名" value="dj_znname"></el-option>
|
||||
<el-option label="教职工姓名" value="ur.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="pull-right offscreen-right">
|
||||
<el-radio-group v-model="pageForm.isAudit" @change="doSearch">
|
||||
<el-radio-button :label="1">全部</el-radio-button>
|
||||
<el-radio-button :label="2">已审核</el-radio-button>
|
||||
<el-radio-button :label="3">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-button icon="el-icon-search" @click="doSearch" type="primary"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData">
|
||||
<el-table-column label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="dj_znname" label="子女姓名">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column prop="dj_znzsny" label="出生日期">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znzsny}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
|
||||
<el-table-column
|
||||
prop="jzgname"
|
||||
label="教职工姓名"
|
||||
>
|
||||
<template scope="scope">
|
||||
{{scope.row.jzgname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
prop="dj_jzgzngx"
|
||||
label="子女关系">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_jzgzngx}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column align="center" header-align="center" label="部门工会" prop="jzgfghname"
|
||||
show-overflow-tooltip sortable width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_iphone"
|
||||
label="手机号码">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_iphone}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_djlx"
|
||||
label="登记类型" sortable>
|
||||
<template scope="{row}">
|
||||
<span v-if="row.dj_djlx==1">幼儿园</span>
|
||||
<span v-if="row.dj_djlx==2">幼升小</span>
|
||||
<span v-if="row.dj_djlx==3">小升初</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="信息审核状态">
|
||||
<template scope="{row}">
|
||||
<span style="color: #e6a23c" v-if="row.dj_sqzt==1">待部门工会审核</span>
|
||||
<span style="color: #f56c6c" v-if="row.dj_sqzt==3">部门工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==2" style="color: #e6a23c">待校工会审核</span>
|
||||
<span v-if="row.dj_sqzt==4" style="color: #f56c6c">校工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==5" style="color: #67c23a">审核通过</span>
|
||||
<span v-if="row.dj_sqzt==0">待重新提交</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="200px">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" @click="openView(row)">查看</el-button>
|
||||
<el-button size="mini" type="primary" @click="openAudit(row)" v-if="row.dj_sqzt==2">审核
|
||||
</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.pageNumber"
|
||||
: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-card>
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<rxdj-info ref="auditInfo">
|
||||
<template slot="audit">
|
||||
<el-tab-pane label="校工会审核" :name="xghAuditTabName">
|
||||
<el-form :model="formData" ref="Form" label-width="100px">
|
||||
<el-form-item label="审核人">
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核意见" prop="dj_xghshyj">
|
||||
<el-input v-model="formData.dj_xghshyj" type="textarea" maxlength="300"
|
||||
rows="5"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button type="danger" @click="doHandle(4)">拒 绝</el-button>
|
||||
<el-button type="info" @click="doHandle(1)">退 回</el-button>
|
||||
<el-button type="success" @click="doHandle(5)">通 过</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</rxdj-info>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<rxdj-info ref="viewInfo"></rxdj-info>
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'rxdj-info': httpVueLoader('/components/zgfw/rxdj/rxdj.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
pageForm: {
|
||||
lx: 2,
|
||||
year: moment().format('YYYY') + "",
|
||||
isAudit: 3
|
||||
},
|
||||
smm: {status: 'table', id: ''},
|
||||
tableData: [],
|
||||
formData: {},
|
||||
xghAuditTabName: 'xghAuditTabName'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageData: function () {
|
||||
$.post(base + '/platform/zgfw/rxdj/sh/pageData', this.pageForm).then(res => {
|
||||
this.tableData = res.data.list
|
||||
this.pageForm.totalCount = res.data.totalCount
|
||||
})
|
||||
},
|
||||
openView(row) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(clone(row))
|
||||
},
|
||||
openAudit(row) {
|
||||
this.formData = clone(row)
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openAudit(clone(row), this.xghAuditTabName)
|
||||
},
|
||||
async doHandle(s) {
|
||||
let title = s === 5 ? "通过" : s === 4 ? "拒绝" : "退回"
|
||||
const confirm = await this.$confirm('确认要' + title + '吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
this.formData.dj_sqzt = s
|
||||
const resp = await $.post('/platform/zgfw/rxdj/sh/dofghSh', this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs.guava.index()
|
||||
this.pageData()
|
||||
}
|
||||
}
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,202 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" clearable slot="prepend" placeholder="查询类型"
|
||||
style="width: 120px;">
|
||||
<el-option label="子女姓名" value="dj_znname"></el-option>
|
||||
<el-option label="教职工姓名" value="ur.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.djlx" clearable placeholder="请选择登记类型">
|
||||
<!-- <el-option value="1" label="幼儿园"></el-option>-->
|
||||
<el-option value="2" label="幼升小"></el-option>
|
||||
<el-option value="3" label="小升初"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select clearable filterable placeholder="请选择部门工会" v-model="pageForm.unionid">
|
||||
<el-option
|
||||
v-for="item in unionList"
|
||||
:key="item.id"
|
||||
:label="item.unionname"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-button icon="el-icon-search" @click="doSearch"
|
||||
type="primary"></el-button>
|
||||
</div>
|
||||
|
||||
<div class="pull-right offscreen-right">
|
||||
<el-button @click="doExport" type="primary" icon="el-icon-s-promotion">导出
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right mt10" >
|
||||
<div style="color: red;font-size: 10px">温馨提示：导出时请先选择登记类型 </div>
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData">
|
||||
<el-table-column label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="dj_znname" label="子女姓名">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column prop="dj_znzsny" label="出生日期">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znzsny}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
|
||||
<el-table-column
|
||||
prop="jzgname"
|
||||
label="教职工姓名"
|
||||
>
|
||||
<template scope="scope">
|
||||
{{scope.row.jzgname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
prop="dj_jzgzngx"
|
||||
label="子女关系">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_jzgzngx}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column align="center" header-align="center" label="部门工会" prop="jzgfghname" sortable
|
||||
show-overflow-tooltip width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_iphone"
|
||||
label="手机号码">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_iphone}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_djlx"
|
||||
label="登记类型" sortable>
|
||||
<template scope="{row}">
|
||||
<span v-if="row.dj_djlx==1">幼儿园</span>
|
||||
<span v-if="row.dj_djlx==2">幼升小</span>
|
||||
<span v-if="row.dj_djlx==3">小升初</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="信息审核状态">
|
||||
<template scope="{row}">
|
||||
<span style="color: #e6a23c" v-if="row.dj_sqzt==1">待部门工会审核</span>
|
||||
<span style="color: #f56c6c" v-if="row.dj_sqzt==3">部门工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==2" style="color: #e6a23c">待校工会审核</span>
|
||||
<span v-if="row.dj_sqzt==4" style="color: #f56c6c">校工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==5" style="color: #67c23a">审核通过</span>
|
||||
<span v-if="row.dj_sqzt==0">待重新提交</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="100px">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" @click="openView(row)">查看</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.pageNumber"
|
||||
: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-card>
|
||||
</template>
|
||||
|
||||
|
||||
<template #view>
|
||||
<rxdj-info ref="viewInfo"></rxdj-info>
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'rxdj-info': httpVueLoader('/components/zgfw/rxdj/rxdj.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pageForm: {
|
||||
lx: 2,
|
||||
year: '',
|
||||
djlx: '',
|
||||
unionid: ''
|
||||
},
|
||||
tableData: [],
|
||||
unionList: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
doExport() {
|
||||
const {djlx, year, unionid} = this.pageForm
|
||||
if (djlx === "") {
|
||||
this.$message.warning("请选择导出登记类型")
|
||||
return
|
||||
}
|
||||
window.open(loc() + "/doExport?year=" + year + "&djlx=" + djlx + "&unionid=" + unionid)
|
||||
|
||||
|
||||
},
|
||||
pageData: function () {
|
||||
$.post(base + '/platform/zgfw/rxdj/zhcx/pageData', this.pageForm).then(res => {
|
||||
this.tableData = res.data.list
|
||||
this.pageForm.totalCount = res.data.totalCount
|
||||
})
|
||||
},
|
||||
openView(row) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(clone(row))
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.$set(this.pageForm, 'year', moment().format('YYYY'))
|
||||
this.pageData()
|
||||
this.unionList = await getUnion()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user