Files
UNION_NSI/target/classes/views/mobile/znxx/applyList.html
T
2026-09-08 19:49:21 +08:00

219 lines
7.8 KiB
HTML

<!--#
layout("/mobile/platform.html"){
#-->
<style>
.goods-card {
margin: 0;
background-color: white;
}
.delete-button {
height: 100%;
}
</style>
<div id="app" v-cloak>
<m-page-loading v-if="mLoading"></m-page-loading>
<van-nav-bar
@click-left="history.go(-1)"
fixed
left-arrow
placeholder
title="我的填报"
></van-nav-bar>
<div class="search-fixed">
<van-search
@search="doSearch"
placeholder="请输入子女姓名搜索"
show-action
v-model="pageForm.dj_znname">
<template #action>
<div @click="doSearch">搜索</div>
</template>
</van-search>
</div>
<div style="margin: 70px auto 0">
<van-list :finished="finished" :finished-text="tableData.length>0?'没有更多了':''"
@load="pageData"
v-model="mLoading">
<div @click="openView(o)" class="list-card" v-for="o in tableData">
<van-cell-group inset>
<van-swipe-cell>
<van-cell :border="false" title="子女姓名">{{o.dj_znname}}</van-cell>
<van-cell :border="false" title="性别">{{o.dj_znsex}}</van-cell>
<van-cell :border="false" title="出生日期">{{o.dj_znzsny}}</van-cell>
<!-- <van-cell :border="false" title="填报类型">
<div v-if="o.dj_djlx===1">幼儿园</div>
<div v-if="o.dj_djlx===2">小学</div>
<div v-if="o.dj_djlx===3">初中</div>
<div v-if="o.dj_djlx===4">高中</div>
</van-cell>-->
<van-cell :border="false" title="就读年级">{{o.dj_jdxx}}</van-cell>
<van-cell :border="false" title="教职工姓名">{{o.username}}</van-cell>
<!-- <van-cell :border="false" title="工号">{{o.dj_gzh}}</van-cell>-->
<!-- <van-cell :border="false" title="手机号码">{{o.dj_iphone}}</van-cell>-->
<!-- <van-cell :border="false" title="所在单位">{{o.dj_szdw}}</van-cell>-->
<div style="text-align: right;margin-bottom: 10px;margin-right: 10px;margin-top: -10px;">
<van-button :color="themeColor" @click.stop="openView(o)" plain
round
size="small"
style="width: 60px" type="primary">
查看
</van-button>
<van-button :color="themeColor" @click.stop="openEdit(o)" round
size="small"
style="width: 60px" type="primary">
修改
</van-button>
</div>
<template #right>
<van-button square text="删除" type="danger"
@click="doDelete(o.dj_id)"
class="delete-button"></van-button>
</template>
</van-swipe-cell>
</van-cell-group>
</div>
</van-list>
<van-empty class="custom-image" description="暂无数据"
image="/none.svg"
v-if="mLoading==false&&tableData.length==0">
</van-empty>
</div>
<div :style="{color:themeColor}"
style="text-align: right;position: fixed;bottom: 20px;right: 20px">
<image class="register-icon" src="/assets/mobile/svg/znxx/apply.svg"
@click.stop="openApply"
></image>
</div>
<van-popup :style="{ height: '100%', width: '100%'}" position="right" v-model="viewPopupShow">
<van-nav-bar @click-left="viewPopupShow=false"
fixed
left-arrow
placeholder
title="填报详情"></van-nav-bar>
<van-cell-group inset>
<van-cell title="学生类型">
<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>
</van-cell>
<van-cell title="子女姓名">
{{viewData.dj_znname}}
</van-cell>
<van-cell title="性别">
{{viewData.dj_znsex}}
</van-cell>
<van-cell title="出生日期">
{{viewData.dj_znzsny}}
</van-cell>
<van-cell title="就读年级">
{{viewData.dj_jdxx}}
</van-cell>
<van-cell title="身体健康状态">
{{viewData.dj_stjkzk}}
</van-cell>
<van-cell title="教职工姓名">
{{viewData.username}}
</van-cell>
<van-cell title="工号">
{{viewData.dj_gzh}}
</van-cell>
<van-cell title="手机号码">
{{viewData.dj_iphone}}
</van-cell>
<van-cell title="所在单位">
{{viewData.dj_szdw}}
</van-cell>
<van-cell title="三代家庭成员信息">
{{viewData.dj_sdjtxx}}
</van-cell>
</van-cell-group>
</van-popup>
</div>
<script>
let vue = new Vue({
el: '#app',
mixins: [mobileMixins],
data() {
return {
viewPopupShow: false,
viewData: {},
}
},
methods: {
async doDelete(id) {
vant.Dialog.confirm({
title: '温馨提示',
message: '确定要删除吗?',
})
.then(async () => {
const data = await $.post(' /platform/zgfw/znxx/manage//doDelete', {id})
if (data.code === 0) {
this.$toast.success('删除成功');
this.doSearch()
} else {
this.$toast.fail('删除失败');
}
})
.catch(() => {
// on cancel
});
},
openView(o) {
this.viewData = o
this.viewPopupShow = true
},
openApply() {
window.location.href = '/mobile/znxx/manage/apply'
},
openEdit(o) {
window.location.href = '/mobile/znxx/manage/apply?id=' + o.dj_id
},
async pageData() {
this.mLoading = true
$.post('/platform/zgfw/znxx/manage/pageData', this.pageForm).then(res => {
if (res.code === 0) {
this.tableData = this.tableData.concat(res.data.list)
if (this.tableData.length === res.data.totalCount) {
this.finished = true
} else {
this.pageForm.pageNumber++
}
}
this.mLoading = false
})
},
},
})
window.addEventListener('pageshow', e => {
if (e.persisted || (window.performance && window.performance.navigation.type === 2)) {
vue.doSearch()
}
})
</script>
<!--#
}
#-->