first commit
This commit is contained in:
@@ -0,0 +1,244 @@
|
||||
<!--#
|
||||
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>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user