办事指南
This commit is contained in:
花有清香月有阴
112
src/mods/AppProgressNew/AppProgressNew.vue
Normal file
112
src/mods/AppProgressNew/AppProgressNew.vue
Normal file
@@ -0,0 +1,112 @@
|
||||
<template>
|
||||
<div class="progressNew">
|
||||
<div class="items" @click="goList(0)">
|
||||
<div class="tops">
|
||||
<span class="titles">民政类</span>
|
||||
|
||||
<u-icon name="arrow-right"></u-icon>
|
||||
</div>
|
||||
|
||||
<div class="bottoms">低保、医疗救助、大病救助、临时救助低保、医疗救助、大病救助、临时救助</div>
|
||||
</div>
|
||||
|
||||
<div class="items" @click="goList(1)">
|
||||
<div class="tops">
|
||||
<span class="titles">劳动保障类</span>
|
||||
|
||||
<u-icon name="arrow-right"></u-icon>
|
||||
</div>
|
||||
|
||||
<div class="bottoms">养老保险、社保补贴、就业创业登记证</div>
|
||||
</div>
|
||||
|
||||
<div class="items" @click="goList(2)">
|
||||
<div class="tops">
|
||||
<span class="titles">计划生育类</span>
|
||||
|
||||
<u-icon name="arrow-right"></u-icon>
|
||||
</div>
|
||||
|
||||
<div class="bottoms">生育登记、独生子女扶助、生育抚恤金</div>
|
||||
</div>
|
||||
|
||||
<div class="items" @click="goList(3)">
|
||||
<div class="tops">
|
||||
<span class="titles">残疾类</span>
|
||||
|
||||
<u-icon name="arrow-right"></u-icon>
|
||||
</div>
|
||||
|
||||
<div class="bottoms">残疾证办理、困难生活补贴、燃油补贴</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AppProgressNew',
|
||||
appName: '办事指南-新',
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
return {
|
||||
list: [],
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
onLoad() {
|
||||
this.getList()
|
||||
},
|
||||
onShow() {},
|
||||
methods: {
|
||||
getList() {
|
||||
this.$instance
|
||||
.post('/app/appconvenientaddressbook/list', null, {
|
||||
params: {
|
||||
size: 999,
|
||||
},
|
||||
})
|
||||
.then((res) => {
|
||||
if (res.code == 0) {
|
||||
this.list = res.data.records
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
goList(index) {
|
||||
this.$linkTo(`./list?index=${index}`)
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.progressNew {
|
||||
height: 100%;
|
||||
padding: 0 32px;
|
||||
.items {
|
||||
padding: 0 32px;
|
||||
background: #fff;
|
||||
margin-top: 24px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.02);
|
||||
border-radius: 8px;
|
||||
.tops {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
box-shadow: inset 0px -1px 0px 0px #eeeeee;
|
||||
.titles {
|
||||
padding: 32px 0 30px 0;
|
||||
font-size: 36px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
.bottoms {
|
||||
font-size: 28px;
|
||||
color: #666666;
|
||||
padding: 16px 0 32px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
59
src/mods/AppProgressNew/detail.vue
Normal file
59
src/mods/AppProgressNew/detail.vue
Normal file
@@ -0,0 +1,59 @@
|
||||
<template>
|
||||
<div class="details">
|
||||
<div class="titles">城乡居民最低生活保障待遇</div>
|
||||
|
||||
<div class="types">民政类</div>
|
||||
|
||||
<div class="conts">
|
||||
为了推进我村民主法治建设，维护社会稳定，促进经济发展，规范村民清洁乡村卫生行为，改善村容村貌，推进“生态乡村”建设，树立良好的民风、村风，创造安居乐业的社会环境，经全体村民代表讨论通过，制定本村规民约。 一、社会治安 1.村民要学法、知法、守法、自觉维护法律尊严，积极同一切违法犯罪行为作斗争。 2.村民之间应团结友爱，和睦相处，不打架斗殴，不酗酒滋事，严禁侮辱、诽谤他人，严禁造谣惑众、拨弄是非。 3自觉维护社会秩序和公共安全，不扰乱公共秩序，不阻碍公务人员执行公务。二、消防安全违反上述规定的给予批评教育，公开检讨书，情节严重的交上级有关部门或提交司法处理。为了推进我村民主法治建设，维护社会稳定，促进经济发展，规范村民清洁乡村卫生行为，改善村容村貌，推进“生态乡村”建设，树立良好的民风、村风，创造安居乐业的社会环境，经全体村民代表讨论通过，制定本村规民约。 一、社会治安
|
||||
1.村民要学法、知法、守法、自觉维护法律尊严，积极同一切违法犯罪行为作斗争。 2.村民之间应团结友爱，和睦相处，不打架斗殴，不酗酒滋事，严禁侮辱、诽谤他人，严禁造谣惑众、拨弄是非。 3自觉维护社会秩序和公共安全，不扰乱公共秩序，不阻碍公务人员执行公务。二、消防安全违反上述规定的给予批评教育，公开检讨书，情节严重的交上级有关部门或提交司法处理。
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'detail',
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
onLoad() {
|
||||
this.getDetail()
|
||||
},
|
||||
onShow() {},
|
||||
methods: {
|
||||
getDetail() {
|
||||
var ids = 'f16e54058cab4099bf3ee6e03e750b93'
|
||||
this.$instance.post(`/app/appvillageactivityinfo/queryDetailById?id=${ids}`).then((res) => {
|
||||
if (res.code == 0) {
|
||||
this.detail = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.details {
|
||||
padding: 32px 32px 48px 32px;
|
||||
.titles {
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.types {
|
||||
margin-top: 16px;
|
||||
font-size: 30px;
|
||||
color: #999999;
|
||||
}
|
||||
.conts {
|
||||
margin-top: 64px;
|
||||
font-size: 36px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
53
src/mods/AppProgressNew/list.vue
Normal file
53
src/mods/AppProgressNew/list.vue
Normal file
@@ -0,0 +1,53 @@
|
||||
<template>
|
||||
<div class="lists">
|
||||
<div class="conts" @click="goDetail(0)">城乡居民最低生活保障待遇</div>
|
||||
|
||||
<div class="conts">城乡居民医疗救助</div>
|
||||
|
||||
<div class="conts">城市居民大病救助</div>
|
||||
|
||||
<div class="conts">临时救助</div>
|
||||
|
||||
<div class="conts">困境儿童申报</div>
|
||||
|
||||
<div class="conts">孤儿申报</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'list',
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
return {
|
||||
id: '',
|
||||
detail: [],
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
onLoad() {},
|
||||
onShow() {},
|
||||
methods: {
|
||||
goDetail(indexs) {
|
||||
this.$linkTo(`./detail?index=${indexs}`)
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.lists {
|
||||
height: 100%;
|
||||
padding: 0 32px;
|
||||
.conts {
|
||||
background: #ffffff;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.02);
|
||||
border-radius: 8px;
|
||||
padding: 34px 32px;
|
||||
font-size: 32px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user