Files
zhgh_hrbnu/src/main/resources/views/mobile/medicalMutualAidFund/index.html
T
2025-04-03 17:51:01 +08:00

63 lines
1.3 KiB
HTML

<!--#
layout("/mobile/platform.html"){
#-->
<style>
.card {
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin: 10px;
padding: 20px;
border-radius: 8px;
text-align: center;
position: relative;
}
.year {
font-size: 16px;
color: #3498db;
font-weight: bold;
}
h1 {
color: #3498db;
}
.info {
text-align: left;
}
</style>
<div id="app" v-cloak>
<van-nav-bar @click-left="pjaxReplace('/mobile/index')" fixed left-arrow placeholder safe-area-inset-top title="我的互助金申请"></van-nav-bar>
<div>
<div class="card" v-for="item in tableData">
<div class="year">2022年</div>
<div class="info">
<p>姓名:{{item.userName}}</p>
<p>单位:{{item.unitName}}</p>
<p>金额:{{item.finalSubsidyMoney ? item.finalSubsidyMoney : '审核中'}}</p>
</div>
</div>
</div>
</div>
<script>
const vue = new Vue({
el: "#app",
mixins: [mobileMixins],
data() {
return {}
},
methods: {},
created() {
this.pageData()
}
})
</script>
<!--#
}
#-->