173 lines
7.1 KiB
HTML
173 lines
7.1 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.dj_znname"
|
|
@keyup.enter.native="doSearch" style="width:100%"></el-input>
|
|
</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>
|
|
</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="openView(row)">
|
|
查看
|
|
</el-button>
|
|
<el-button size="mini" :loading="row.loading" type="primary"
|
|
@click="openEdit(row)">
|
|
编辑
|
|
</el-button>
|
|
<el-button size="mini" :loading="row.loading" type="danger"
|
|
@click="doDelete(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>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
mixins: [initTableMixins],
|
|
data() {
|
|
return {
|
|
viewData: {},
|
|
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: 'dj_szdw', label: '所在单位'},
|
|
]
|
|
}
|
|
},
|
|
components: {},
|
|
methods: {
|
|
openView(row) {
|
|
this.viewData = row
|
|
this.$refs.guava.view()
|
|
},
|
|
async doDelete(row) {
|
|
const confirm = await this.$confirm('确定要删除该信息吗?', '提示', {type: 'warning'})
|
|
if (confirm) {
|
|
row.loading = true
|
|
const resp = await $.post(loc() + "/doDelete", {id: row.dj_id})
|
|
if (resp.code === 0) {
|
|
this.pageData()
|
|
this.notifySuccess(resp.msg)
|
|
} else {
|
|
this.notifyWarning(resp.msg)
|
|
}
|
|
row.loading = false
|
|
}
|
|
},
|
|
openEdit(row) {
|
|
sublime.jumpPagePjax("/platform/zgfw/znxx/apply?id=" + row.dj_id)
|
|
},
|
|
},
|
|
async created() {
|
|
this.pageData()
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#--> |