202 lines
8.6 KiB
HTML
202 lines
8.6 KiB
HTML
<!--#
|
|
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 v-model="pageForm.unionid" clearable placeholder="请选择院级工会" filterable>
|
|
<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 label="分工会" prop="jzgfghname" header-align="center" align="center" 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 v-if="row.dj_sqzt==1" style="color: #e6a23c">待分工会审核</span>
|
|
<span v-if="row.dj_sqzt==3" style="color: #f56c6c">分工会审核拒绝</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>
|
|
|
|
<!--#
|
|
}
|
|
#--> |