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