办事指南
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