first commit
This commit is contained in:
@@ -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