244 lines
10 KiB
HTML
244 lines
10 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="u.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 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"
|
|
type="primary"></el-button>
|
|
</div>
|
|
|
|
|
|
</el-card>
|
|
<el-card shadow="never" class="mt20">
|
|
<vi-title2 title="登记列表">
|
|
<template #func>
|
|
<div style="color: red;font-size: 10px">温馨提示：导出时请先选择登记类型 </div>
|
|
<el-button @click="doExport" type="primary" icon="el-icon-s-promotion"
|
|
size="small">导出
|
|
</el-button>
|
|
<el-button @click="doDownload" type="primary" icon="el-icon-s-promotion"
|
|
size="small">下载
|
|
</el-button>
|
|
</template>
|
|
</vi-title2>
|
|
<el-table :data="tableData" @sort-change="pageOrder">
|
|
<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 label="单位" prop="dj_szdw" 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
|
|
prop="dj_sqzt"
|
|
label="信息审核状态" sortable>
|
|
<template scope="{row}">
|
|
<span :style="'color: ' + row.stateColor">{{row.stateName}}</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>
|
|
var vue = 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: [],
|
|
unions: [],
|
|
units: []
|
|
}
|
|
},
|
|
methods: {
|
|
doDownload() {
|
|
const {djlx, year, unionid} = this.pageForm
|
|
if (djlx === "") {
|
|
this.$message.warning("请选择下载的登记类型")
|
|
return
|
|
}
|
|
if (unionid === "") {
|
|
this.$message.warning("请选择需要下载的工会")
|
|
return
|
|
}
|
|
window.open(loc() + "/doDownload?year=" + year + "&djlx=" + djlx + "&unionid=" + unionid + "&isAudit=2" + "&isDownload=true")
|
|
|
|
|
|
},
|
|
doExport() {
|
|
const {djlx, year, unionid} = this.pageForm
|
|
if (djlx === "") {
|
|
this.$message.warning("请选择导出登记类型")
|
|
return
|
|
}
|
|
window.open(loc() + "/doExport?year=" + year + "&djlx=" + djlx + "&unionid=" + unionid + "&isAudit=2")
|
|
|
|
|
|
},
|
|
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 flushUnits() {
|
|
this.$set(this.pageForm, "unitid", "")
|
|
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
|
this.units = await getUnits(this.pageForm.unitid)
|
|
} else {
|
|
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
|
}
|
|
},
|
|
},
|
|
async created() {
|
|
this.$set(this.pageForm, 'year', moment().format('YYYY'))
|
|
this.pageData()
|
|
this.unions = await getUnions()
|
|
this.flushUnits()
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#--> |