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