帮扶申报
This commit is contained in:
shijingjing
28
src/mods/work/AppHelpDeclaration/AppHelpDeclaration.vue
Normal file
28
src/mods/work/AppHelpDeclaration/AppHelpDeclaration.vue
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
<template>
|
||||||
|
<div class="AppHelpDeclaration">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "AppHelpDeclaration",
|
||||||
|
appName: "帮扶申报",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.AppHelpDeclaration {}
|
||||||
|
</style>
|
||||||
186
src/mods/work/AppHelpDeclaration/add.vue
Normal file
186
src/mods/work/AppHelpDeclaration/add.vue
Normal file
@@ -0,0 +1,186 @@
|
|||||||
|
<template>
|
||||||
|
<div class="add">
|
||||||
|
<div class="tips">我承认本次申请帮扶情况属实，愿接受有关部门依法核实家庭资产信息，如存在虚报、伪造，造成社会资源浪费。本人资源承担相关惩戒措施。</div>
|
||||||
|
<div class="user_info">
|
||||||
|
<div class="item">
|
||||||
|
<div class="left">
|
||||||
|
<span>*</span><span>申请人姓名</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="right__text" placeholder="请输入" maxlength="20"/>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="left">
|
||||||
|
<span>*</span><span>申请人身份证号</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="right__text" placeholder="请输入" maxlength="20"/>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="left">
|
||||||
|
<span>*</span><span>联系方式</span>
|
||||||
|
</div>
|
||||||
|
<input type="number" class="right__text" placeholder="请输入" maxlength="11"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="family_info">
|
||||||
|
<div class="item">
|
||||||
|
<div class="left">
|
||||||
|
<span>*</span><span>家庭人口数</span>
|
||||||
|
</div>
|
||||||
|
<input type="number" class="right__text" placeholder="请输入" maxlength="10"/>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="left">
|
||||||
|
<span>*</span><span>所在地区</span>
|
||||||
|
</div>
|
||||||
|
<!-- <AiAreaPicker class="ai-area" :areaId="$areaId" v-model="form.areaId" :fullName.sync="form.areaName">
|
||||||
|
<div class="ai-area__wrapper">
|
||||||
|
<span class="label" v-if="form.areaName">{{ form.areaName }}</span>
|
||||||
|
<i v-else>请选择</i>
|
||||||
|
<u-icon name="arrow-right" color="#ddd"/>
|
||||||
|
</div>
|
||||||
|
</AiAreaPicker> -->
|
||||||
|
<AiAreaPicker v-model="areaId" class="right__text" :name.sync="areaName">
|
||||||
|
<span :class="areaName == '' ? 'color-999' : 'color-333' ">{{ areaName || "请选择" }}</span>
|
||||||
|
<u-icon name="arrow-right" color="#ddd" style="display: inline-block;"/>
|
||||||
|
</AiAreaPicker>
|
||||||
|
</div>
|
||||||
|
<div class="items">
|
||||||
|
<div class="left">
|
||||||
|
<span>*</span><span>详细地址</span>
|
||||||
|
</div>
|
||||||
|
<input type="textarea" class="textarea" placeholder="请输入" maxlength="10"/>
|
||||||
|
</div>
|
||||||
|
<div class="items">
|
||||||
|
<div class="left">
|
||||||
|
<span>*</span><span>申请帮扶原因（最多2项）</span>
|
||||||
|
</div>
|
||||||
|
<div class="tags">
|
||||||
|
<span v-for="(item,index) in list" :key="index" :class="item.checked? 'isCheck':''" @click="helpCheck(item)">{{ item }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="items">
|
||||||
|
<div class="left">
|
||||||
|
<span>*</span><span>返贫致贫风险说明</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="text" placeholder="请简要说明返贫致贫风险说明" maxlength="200"/>
|
||||||
|
</div>
|
||||||
|
<div class="items">
|
||||||
|
<div class="left">
|
||||||
|
<span>*</span><span>上传佐证材料（最多9张）</span>
|
||||||
|
</div>
|
||||||
|
<div style="margin-top: 10px;">
|
||||||
|
<AiUploader v-model="form.checkPhoto" :limit="9" multiple></AiUploader>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "add",
|
||||||
|
appName: "自主申报",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: {},
|
||||||
|
areaName: '',
|
||||||
|
list: ['张是','订单','电动蝶阀','斤斤计较','坎坎坷坷']
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.$dict.load('')
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
helpCheck(e) {
|
||||||
|
e.checked = !e.checked
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.add {
|
||||||
|
.tips {
|
||||||
|
padding: 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: #FFF8F3;
|
||||||
|
color: #FF883C;
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
.user_info,
|
||||||
|
.family_info {
|
||||||
|
background: #FFF;
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
padding: 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-bottom: 1px solid #DDDDDD;
|
||||||
|
|
||||||
|
.left {
|
||||||
|
width: 240px;
|
||||||
|
span:first-child {
|
||||||
|
color: #FF4466;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.right__text {
|
||||||
|
width: calc(100% - 240px);
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color-999 {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.color-333 {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.item:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.items {
|
||||||
|
padding: 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-bottom: 1px solid #DDDDDD;
|
||||||
|
.left {
|
||||||
|
span:first-child {
|
||||||
|
color: #FF4466;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.text {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.textarea {
|
||||||
|
margin-top: 32px;
|
||||||
|
}
|
||||||
|
.tags {
|
||||||
|
margin-top: 20px;
|
||||||
|
span {
|
||||||
|
display: inline-block;
|
||||||
|
// padding: 10px 30px;
|
||||||
|
width: 30%;
|
||||||
|
height: 80px;
|
||||||
|
line-height: 80px;
|
||||||
|
text-align: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 16px;
|
||||||
|
border: 1px solid #CCCCCC;
|
||||||
|
margin-right: 20px;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
span:nth-child(3n) {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.family_info {
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
BIN
src/mods/work/AppHelpDeclaration/components/bg.png
Normal file
BIN
src/mods/work/AppHelpDeclaration/components/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
BIN
src/mods/work/AppHelpDeclaration/components/nav.png
Normal file
BIN
src/mods/work/AppHelpDeclaration/components/nav.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
src/mods/work/AppHelpDeclaration/components/tab.png
Normal file
BIN
src/mods/work/AppHelpDeclaration/components/tab.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
120
src/mods/work/AppHelpDeclaration/details.vue
Normal file
120
src/mods/work/AppHelpDeclaration/details.vue
Normal file
@@ -0,0 +1,120 @@
|
|||||||
|
<template>
|
||||||
|
<div class="details">
|
||||||
|
<div class="event_info">
|
||||||
|
<div class="content">我是的一名普通的退休职工，现年岁，因家庭经济困难，经再三考虑，特向卫生局申请贫困补助。本人因股骨头骨折长年卧床，生活不能自理，需常年用药，
|
||||||
|
每年药费近万元。家人因照顾我生活起居，无法外出工作，家庭都很困难，药费仅靠我本人退休工资维持，现随着年龄增长，老年病加重，药费昂贵，
|
||||||
|
退休工资难以维持基本生活支出，特申请贫困补助，望卫生局能给予帮扶!</div>
|
||||||
|
<div class="picture">
|
||||||
|
<img src="./components/bg.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="tags">
|
||||||
|
<span v-for="(item,index) in list" :key="index">{{item}}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="progress_info">
|
||||||
|
<div class="item">
|
||||||
|
<label>申报进度</label>
|
||||||
|
<div>处理中</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<label>申报人姓名</label>
|
||||||
|
<div>lisa</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<label>申报时间</label>
|
||||||
|
<div>2021-10-10 10:30:00</div>
|
||||||
|
</div>
|
||||||
|
<div class="items">
|
||||||
|
<label>详细地址</label>
|
||||||
|
<div>湖北省武汉市武昌区XXXX地区</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "details",
|
||||||
|
appName: "申报详情",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list: ['因病','张三','大师的撒','是第三方代发','的点点滴滴多','大啊啊啊啊啊啊']
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.details {
|
||||||
|
|
||||||
|
.event_info {
|
||||||
|
background: #FFFFFF;
|
||||||
|
padding: 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.content {
|
||||||
|
background: #FFFFFF;
|
||||||
|
}
|
||||||
|
.picture {
|
||||||
|
margin-top: 32px;
|
||||||
|
img {
|
||||||
|
width: 220px;
|
||||||
|
height: 220px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tags {
|
||||||
|
margin-top: 20px;
|
||||||
|
span {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 16px;
|
||||||
|
background: #EEEEEE;
|
||||||
|
padding: 4px 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 24px;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress_info {
|
||||||
|
margin-top: 16px;
|
||||||
|
background: #FFF;
|
||||||
|
padding: 0 32px 20px 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.item {
|
||||||
|
padding: 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
border-bottom: 1px solid #DDDDDD;
|
||||||
|
label {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.items {
|
||||||
|
padding: 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
label {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
div {
|
||||||
|
margin-top: 32px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.status0 {
|
||||||
|
color: #FF883C
|
||||||
|
}
|
||||||
|
.status1 {
|
||||||
|
color: #1AAAFF
|
||||||
|
}
|
||||||
|
.status2 {
|
||||||
|
color: #42D784
|
||||||
|
}
|
||||||
|
.status3 {
|
||||||
|
color: #FF4466
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
89
src/mods/work/AppHelpDeclaration/progress.vue
Normal file
89
src/mods/work/AppHelpDeclaration/progress.vue
Normal file
@@ -0,0 +1,89 @@
|
|||||||
|
<template>
|
||||||
|
<div class="progress">
|
||||||
|
<div class="card_list">
|
||||||
|
<div class="card" @click="$linkTo(`./details`)">
|
||||||
|
<div class="top">
|
||||||
|
<div class="title">住房的部分承重结构载重无法满足日常需求，或局部存在安全隐患住房的部分承重…</div>
|
||||||
|
<div class="time">2021-10-10 10:10:10</div>
|
||||||
|
</div>
|
||||||
|
<div class="bottom">
|
||||||
|
<span></span><span>待处理</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "progress",
|
||||||
|
appName: "进度查询",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list: [],
|
||||||
|
current: 1,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
},
|
||||||
|
methods: {}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.progress {
|
||||||
|
.card_list {
|
||||||
|
padding: 24px 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.card {
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-shadow: 0px 0px 8px 0px #00000005;
|
||||||
|
border-radius: 16px;
|
||||||
|
.top {
|
||||||
|
padding: 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-bottom: 2px solid #DDDDDD;
|
||||||
|
.title {
|
||||||
|
color: #333333;
|
||||||
|
font-size: 32px;
|
||||||
|
font-weight: 600;
|
||||||
|
overflow:hidden;
|
||||||
|
text-overflow:ellipsis;
|
||||||
|
display:-webkit-box;
|
||||||
|
-webkit-box-orient:vertical;
|
||||||
|
-webkit-line-clamp:2;
|
||||||
|
}
|
||||||
|
.time {
|
||||||
|
margin-top: 32px;
|
||||||
|
color: #999999;
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bottom {
|
||||||
|
padding: 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
span:first-child {
|
||||||
|
display: inline-block;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 8px;
|
||||||
|
background: #FF4466;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.status0 {
|
||||||
|
color: #FF883C
|
||||||
|
}
|
||||||
|
.status1 {
|
||||||
|
color: #1AAAFF
|
||||||
|
}
|
||||||
|
.status2 {
|
||||||
|
color: #42D784
|
||||||
|
}
|
||||||
|
.status3 {
|
||||||
|
color: #FF4466
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
89
src/mods/work/AppHelpDeclaration/result.vue
Normal file
89
src/mods/work/AppHelpDeclaration/result.vue
Normal file
@@ -0,0 +1,89 @@
|
|||||||
|
<template>
|
||||||
|
<div class="service-result" v-if="showPage">
|
||||||
|
<image src="/static/img/service-success.png" />
|
||||||
|
<h2>申请成功，等待审批！</h2>
|
||||||
|
<div class="text">
|
||||||
|
<span>可在</span>
|
||||||
|
<i>我的-办事进度</i>
|
||||||
|
<span>中查看</span>
|
||||||
|
</div>
|
||||||
|
<div class="service-btn" hover-class="text-hover" @click="back">查看我的申报</div>
|
||||||
|
<div class="service-btn" hover-class="text-hover" @click="back">返回</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'result',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
showPage: false,
|
||||||
|
title: '',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(query) {
|
||||||
|
this.title = query.title
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: this.title,
|
||||||
|
})
|
||||||
|
if (this.title) {
|
||||||
|
this.showPage = true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
back() {
|
||||||
|
uni.reLaunch({
|
||||||
|
url: './AppServiceOnlineNew',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.service-result {
|
||||||
|
min-height: 100vh;
|
||||||
|
padding-top: 96px;
|
||||||
|
text-align: center;
|
||||||
|
background: #fff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
.service-btn {
|
||||||
|
width: 558px;
|
||||||
|
height: 88px;
|
||||||
|
line-height: 88px;
|
||||||
|
margin: 120px auto 0;
|
||||||
|
text-align: center;
|
||||||
|
background: #197df0;
|
||||||
|
font-size: 36px;
|
||||||
|
color: #fff;
|
||||||
|
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.02);
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-bottom: 32px;
|
||||||
|
color: #333333;
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 28px;
|
||||||
|
color: #333;
|
||||||
|
|
||||||
|
i {
|
||||||
|
color: #467dfe;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 192px;
|
||||||
|
height: 192px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user