341 lines
15 KiB
HTML
341 lines
15 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
<div id="app" v-cloak>
|
|
<guava ref="guava">
|
|
<template>
|
|
<el-card shadow="never">
|
|
<div class="search">
|
|
|
|
<div class="search-item">
|
|
<div class="search-item-label">姓名/工号：</div>
|
|
<div class="search-item-option">
|
|
<el-input placeholder="请输入姓名/工号" clearable
|
|
v-model="pageForm.searchKeyword"
|
|
@keyup.enter.native="doSearch">
|
|
<el-select v-model="pageForm.searchName" slot="prepend"
|
|
placeholder="姓名/工号"
|
|
style="width: 120px;">
|
|
<el-option label="子女姓名" value="dj.dj_znname"></el-option>
|
|
<el-option label="教职工姓名" value="u.username"></el-option>
|
|
</el-select>
|
|
</el-input>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="search-item">
|
|
<div class="search-item-label">学生类型：</div>
|
|
<div class="search-item-option">
|
|
<el-select v-model="pageForm.dj_djlx" slot="prepend"
|
|
clearable
|
|
placeholder="请选择填报类型"
|
|
style="width: 100%">
|
|
<el-option :label="l.label" :value="l.value"
|
|
v-for="l in djlxOption"></el-option>
|
|
</el-select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="search-item">
|
|
<div class="search-item-label">就读年级：</div>
|
|
<div class="search-item-option">
|
|
<el-select clearable v-model="formData.dj_jdxx"
|
|
clearable
|
|
placeholder="请选择就读年级" style="width: 100%">
|
|
<el-option :value="x.value" :lable="x.value"
|
|
v-for="x in xxOption.filter(v=>v.type===pageForm.dj_djlx)"></el-option>
|
|
</el-select>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="search-item"
|
|
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')}">
|
|
<div class="search-item-label">所属工会：</div>
|
|
<div class="search-item-option">
|
|
<el-select placeholder="所属工会" v-model="pageForm.unionId"
|
|
style="width: 100%;"
|
|
clearable="true"
|
|
@change="flushUnits" @clear="flushUnits"
|
|
filterable="true">
|
|
<el-option v-for="item in unions" :label="item.unionname"
|
|
:value="item.id"></el-option>
|
|
</el-select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="search-item">
|
|
<div class="search-item-label">所属单位：</div>
|
|
<div class="search-item-option">
|
|
<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>
|
|
|
|
<div class="search-item">
|
|
<div class="search-item-label">年龄搜索：</div>
|
|
<div class="search-item-option">
|
|
<el-checkbox-group v-model="pageForm.sxlx" @change="doSearch" max="1">
|
|
<el-checkbox-button label="g" key="g">当年升高中同学</el-checkbox-button>
|
|
<el-checkbox-button label="d" key="d">当年升大学同学</el-checkbox-button>
|
|
</el-checkbox-group>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="search-query">
|
|
<el-button type="primary" icon="el-icon-search" @click="doSearch">搜索
|
|
</el-button>
|
|
</div>
|
|
</div>
|
|
</el-card>
|
|
|
|
<el-card shadow="never" class="mt10">
|
|
<table-tool label="填报信息" :app="this">
|
|
<template #func>
|
|
<el-button size="small" @click="openZf" icon="el-icon-printer"
|
|
:disabled="pageForm.sxlx.length===0"
|
|
type="primary">
|
|
一键给升学同学祝福
|
|
</el-button>
|
|
|
|
<el-button size="small" @click="doExport" icon="el-icon-printer"
|
|
type="primary">
|
|
导出
|
|
</el-button>
|
|
</template>
|
|
|
|
</table-tool>
|
|
|
|
|
|
<el-table :data="tableData" style="width: 100%" row-key="id"
|
|
@sort-change="pageOrder" :size="tableSize"
|
|
v-loading="tableLoading" ref="table" class="vi-table">
|
|
|
|
|
|
<el-table-column align="center" header-align="center" type="index"
|
|
:index="indexMethod" label="序号"
|
|
width="80px"></el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
header-align="center"
|
|
v-for="column in tableColumns"
|
|
show-overflow-tooltip
|
|
:sortable="column.sortable"
|
|
:label="column.label"
|
|
:prop="column.prop" :width="column.width" min-width="100px">
|
|
<template v-if="column.prop=='dj_djlx'" scope="{row}">
|
|
<div v-if="row.dj_djlx===1">幼儿园</div>
|
|
<div v-if="row.dj_djlx===2">小学</div>
|
|
<div v-if="row.dj_djlx===3">初中</div>
|
|
<div v-if="row.dj_djlx===4">高中</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="userOnline" align="center" header-align="center"
|
|
label="操作" width="300px">
|
|
<template scope="{row}">
|
|
<el-button size="mini" :loading="row.loading" @click="openZf(row)">
|
|
祝福
|
|
</el-button>
|
|
<el-button size="mini" :loading="row.loading" @click="openView(row)">
|
|
查看
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<!--#include("/layouts/pagination.html"){}#-->
|
|
</el-card>
|
|
</template>
|
|
|
|
<template #view>
|
|
<el-descriptions :column="3" border class="table_fixed">
|
|
<el-descriptions-item label="学生类型">
|
|
<div v-if="viewData.dj_djlx===1">幼儿园</div>
|
|
<div v-if="viewData.dj_djlx===2">小学</div>
|
|
<div v-if="viewData.dj_djlx===3">初中</div>
|
|
<div v-if="viewData.dj_djlx===4">高中</div>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="子女姓名">
|
|
{{viewData.dj_znname}}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="性别">
|
|
{{viewData.dj_znsex}}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="出生日期">
|
|
{{viewData.dj_znzsny}}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="就读年级">
|
|
{{viewData.dj_jdxx}}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="身体健康状态">
|
|
{{viewData.dj_stjkzk}}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="教职工姓名">
|
|
{{viewData.username}}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="工号">
|
|
{{viewData.dj_gzh}}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="手机号码">
|
|
{{viewData.dj_iphone}}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item :span="3" label="所在单位">
|
|
{{viewData.dj_szdw}}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item :span="3" label="三代家庭成员信息">
|
|
{{viewData.dj_sdjtxx}}
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
|
|
</template>
|
|
</guava>
|
|
|
|
<el-dialog title="祝福内容" :visible.sync="zfnrDialog" :close-on-click-modal="false" width="35%">
|
|
<el-form>
|
|
<el-input v-model="zfnr" type="textarea" rows="4"></el-input>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button @click="zfnrDialog = false">取 消</el-button>
|
|
<el-button type="primary" @click="doZf" :loading="loading">确 定</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
mixins: [initTableMixins],
|
|
data() {
|
|
return {
|
|
loading: false,
|
|
zfnr: "",
|
|
zfnrDialog: false,
|
|
unions: [],
|
|
units: [],
|
|
viewData: {},
|
|
pageForm: {
|
|
searchName: "u.username",
|
|
dj_djlx: '',
|
|
dj_jdxx: '',
|
|
unionId: '',
|
|
unitId: '',
|
|
sxlx: [],
|
|
},
|
|
tableColumns: [
|
|
{prop: 'dj_znname', label: '子女姓名'},
|
|
{prop: 'dj_znsex', label: '性别'},
|
|
{prop: 'dj_znzsny', label: '出生日期'},
|
|
{prop: 'dj_djlx', label: '学生类型'},
|
|
{prop: 'dj_jdxx', label: '就读年级'},
|
|
{prop: 'username', label: '教职工姓名'},
|
|
{prop: 'dj_gzh', label: '工号'},
|
|
{prop: 'dj_iphone', label: '手机号码'},
|
|
{prop: 'unitname', label: '所在单位'},
|
|
{prop: 'unionname', label: '所在工会'},
|
|
],
|
|
djlxOption: [
|
|
{value: 1, label: "幼儿园"},
|
|
{value: 2, label: "小学"},
|
|
{value: 3, label: "初中"},
|
|
{value: 4, label: "高中"},
|
|
],
|
|
xxOption: [
|
|
{value: "幼儿园", type: 1},
|
|
{value: "一年级", type: 2},
|
|
{value: "二年级", type: 2},
|
|
{value: "三年级", type: 2},
|
|
{value: "四年级", type: 2},
|
|
{value: "五年级", type: 2},
|
|
{value: "六年级", type: 2},
|
|
{value: "七年级", type: 3},
|
|
{value: "八年级", type: 3},
|
|
{value: "九年级", type: 3},
|
|
{value: "高一", type: 4},
|
|
{value: "高二", type: 4},
|
|
{value: "高三", type: 4},
|
|
],
|
|
}
|
|
},
|
|
components: {},
|
|
methods: {
|
|
openZf(row) {
|
|
this.pageForm.dj_id = row.dj_id
|
|
this.zfnrDialog = true
|
|
},
|
|
async doZf(row) {
|
|
if (!this.zfnr) {
|
|
this.notifyWarning("必填")
|
|
return
|
|
}
|
|
const confirm = await this.$confirm('您确定要发送祝福吗?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
})
|
|
if (confirm === "confirm") {
|
|
this.loading = true
|
|
const refs = await $.post(loc() + "/doZf", {
|
|
sxlx: JSON.stringify(this.pageForm.sxlx),
|
|
id: this.pageForm.dj_id,
|
|
zfnr: this.zfnr
|
|
})
|
|
if (refs.code === 0) {
|
|
this.zfnrDialog = false
|
|
this.notifySuccess(refs.msg);
|
|
} else {
|
|
this.notifyWarning(refs.msg)
|
|
}
|
|
this.loading = false
|
|
}
|
|
|
|
|
|
},
|
|
doExport() {
|
|
const {unionId, unitId, dj_jdxx, dj_djlx, sxlx} = this.pageForm
|
|
window.open(loc() + "/doExport?unionId=" + unionId +
|
|
"&unitId=" + unitId +
|
|
"&dj_jdxx=" + dj_jdxx +
|
|
"&dj_djlx=" + dj_djlx +
|
|
"&sxlx=" + JSON.stringify(sxlx))
|
|
},
|
|
openView(row) {
|
|
this.viewData = row
|
|
this.$refs.guava.view()
|
|
},
|
|
async flushUnits() {
|
|
this.$set(this.pageForm, "unitid", "")
|
|
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
|
this.units = await getUnits(this.pageForm.unionId)
|
|
} else {
|
|
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
|
}
|
|
},
|
|
pageData() {
|
|
sublime.showLoadingbar();
|
|
const pageForm = clone(this.pageForm)
|
|
pageForm.sxlx = JSON.stringify(pageForm.sxlx)
|
|
$.post(loc() + '/pageData', pageForm).then(res => {
|
|
sublime.closeLoadingbar();
|
|
if (res.code == 0) {
|
|
this.tableData = res.data.list;
|
|
this.pageForm.totalCount = res.data.totalCount;
|
|
}
|
|
});
|
|
},
|
|
},
|
|
async created() {
|
|
this.unions = await getUnions(null)
|
|
await this.flushUnits()
|
|
this.pageData()
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#--> |