261 lines
11 KiB
HTML
261 lines
11 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"
|
|
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-button icon="el-icon-search" @click="doSearch"
|
|
type="primary"></el-button>
|
|
</div>
|
|
<div class="pull-right offscreen-right">
|
|
<el-radio-group v-model="pageForm.dj_sfba" @change="doSearch">
|
|
<el-radio-button label="">全部</el-radio-button>
|
|
<el-radio-button :label="true">已备案</el-radio-button>
|
|
<el-radio-button :label="false">待备案</el-radio-button>
|
|
</el-radio-group>
|
|
<el-radio-group v-model="pageForm.dj_sfrx" @change="doSearch">
|
|
<el-radio-button label="">全部</el-radio-button>
|
|
<el-radio-button :label="true">继续等待</el-radio-button>
|
|
<el-radio-button :label="false">放弃名额</el-radio-button>
|
|
</el-radio-group>
|
|
</div>
|
|
|
|
|
|
</el-card>
|
|
<el-card shadow="never" class="mt20">
|
|
<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="jzgname"
|
|
label="教职工姓名"
|
|
>
|
|
<template scope="scope">
|
|
{{scope.row.jzgname}}
|
|
</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="是否备案">
|
|
<template scope="{row}">
|
|
{{row.dj_sfba?'已备案':'待备案'}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="备案信息">
|
|
<template scope="{row}">
|
|
<div v-if="row.dj_sfba">
|
|
{{row.dj_sfrx?'继续等待':'放弃名额'}}
|
|
</div>
|
|
</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" @click="openba(row)" v-if="!row.dj_sfrx">备案
|
|
</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>
|
|
<template #edit>
|
|
<rxdj-info ref="auditInfo">
|
|
<template slot="audit">
|
|
<el-tab-pane label="入学备案" name="beiAnTabName">
|
|
<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="备案信息">
|
|
<el-switch
|
|
v-model="formData.dj_sfrx"
|
|
active-color="#13ce66"
|
|
active-text="继续等待"
|
|
inactive-text="放弃名额 "
|
|
inactive-color="#ff4949">
|
|
</el-switch>
|
|
</el-form-item>
|
|
<el-form-item label="备注" prop="dj_babz">
|
|
<el-input v-model="formData.dj_babz" type="textarea" maxlength="200"
|
|
rows="5"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-row class="mt20 text-center">
|
|
<el-button type="success" @click="doHandle">确 认</el-button>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
</template>
|
|
</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: {
|
|
dj_sfrx: '',
|
|
dj_sfba: '',
|
|
lx: 2,
|
|
year: '',
|
|
djlx: '',
|
|
unionid: ''
|
|
},
|
|
tableData: [],
|
|
unionList: [],
|
|
unions: [],
|
|
units: []
|
|
}
|
|
},
|
|
methods: {
|
|
openView(row) {
|
|
this.$refs.guava.view()
|
|
this.$refs.viewInfo.openView(clone(row))
|
|
},
|
|
openba(row) {
|
|
|
|
this.formData = clone(row)
|
|
this.formData.dj_sfrx = true
|
|
this.$refs.auditInfo.openAudit(clone(row), "beiAnTabName")
|
|
this.$refs.guava.edit()
|
|
},
|
|
async doHandle() {
|
|
const confirm = await this.$confirm('请确认是否完成备案?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
})
|
|
if (confirm === "confirm") {
|
|
const resp = await $.post(loc() + '/doHandle', this.formData)
|
|
if (resp.code === 0) {
|
|
this.notifySuccess(resp.msg)
|
|
this.$refs.guava.index()
|
|
this.pageData()
|
|
}
|
|
}
|
|
}
|
|
},
|
|
async created() {
|
|
this.$set(this.pageForm, 'year', moment().format('YYYY'))
|
|
this.pageData()
|
|
this.unions = await getUnions()
|
|
}
|
|
})
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<!--#
|
|
}
|
|
#--> |