黑龙江
This commit is contained in:
liuye
166
src/project/hljjm/AppChildrenInfo/AppChildrenDetail.vue
Normal file
166
src/project/hljjm/AppChildrenInfo/AppChildrenDetail.vue
Normal file
@@ -0,0 +1,166 @@
|
|||||||
|
<template>
|
||||||
|
<section class="AppChildrenDetail">
|
||||||
|
<div class="info-list">
|
||||||
|
<div class="item" v-for="(item, index) in list" :key="index">
|
||||||
|
<div class="title-flex">
|
||||||
|
<div class="item-title">{{item.title}}</div>
|
||||||
|
<img src="https://cdn.sinoecare.com/i/2024/09/06/66da67b778d99.png" alt="" :class="item.isView ? 'right-icon' : 'right-icon right-icon-active'" @click="view(index)">
|
||||||
|
</div>
|
||||||
|
<div class="item-content" v-if="item.isView">
|
||||||
|
<div class="item-form" v-for="(items, indexs) in item.infoList" :key="indexs">
|
||||||
|
<div class="label">{{items.label}}</div>
|
||||||
|
<div class="value">{{items.value}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-btn">
|
||||||
|
<div class="btn primary" @click="toList()">查看儿童详细信息</div>
|
||||||
|
<div class="btn">返回</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "AppChildrenDetail",
|
||||||
|
appName: "儿童信息详情",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
title: '基本信息',
|
||||||
|
isView: true,
|
||||||
|
infoList: [
|
||||||
|
{
|
||||||
|
label: '儿童类别',
|
||||||
|
value: '事实无人抚养儿童'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '儿童类别',
|
||||||
|
value: '事实无人抚养儿童'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '基本信息',
|
||||||
|
isView: true,
|
||||||
|
infoList: [
|
||||||
|
{
|
||||||
|
label: '儿童类别',
|
||||||
|
value: '事实无人抚养儿童'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '儿童类别',
|
||||||
|
value: '事实无人抚养儿童'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarColor({
|
||||||
|
frontColor: '#ffffff',
|
||||||
|
backgroundColor: '#2183FF'
|
||||||
|
})
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: '儿童信息详情'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
view(index) {
|
||||||
|
this.list[index].isView = !this.list[index].isView
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
uni-page-body {
|
||||||
|
background-color: #F5F6F7;
|
||||||
|
}
|
||||||
|
.AppChildrenDetail {
|
||||||
|
.info-list {
|
||||||
|
|
||||||
|
.item {
|
||||||
|
padding-left: 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
background-color: #fff;
|
||||||
|
.title-flex {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
line-height: 42px;
|
||||||
|
.item-title {
|
||||||
|
width: calc(100% - 80px);
|
||||||
|
font-family: PingFangSC-Medium;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #222;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
.right-icon {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
padding: 20px;
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
transition: all 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
.right-icon-active {
|
||||||
|
transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item-content {
|
||||||
|
.item-form {
|
||||||
|
width: 100%;
|
||||||
|
padding: 16px 20px 16px 0;
|
||||||
|
border-bottom: 1px solid #E4E5E6;
|
||||||
|
box-sizing: border-box;
|
||||||
|
word-break: break-all;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
.label {
|
||||||
|
height: 44px;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #999;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.value {
|
||||||
|
line-height: 40px;
|
||||||
|
font-size: 28px;
|
||||||
|
color: #222;
|
||||||
|
letter-spacing: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.footer-btn {
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
padding: 16px 32px 52px 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #fff;
|
||||||
|
z-index: 9;
|
||||||
|
.btn {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
height: 96px;
|
||||||
|
line-height: 94px;
|
||||||
|
border: 1px solid #2183FF;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-family: PingFangSC-Medium;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #2183FF;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.primary {
|
||||||
|
background-color: #2183FF;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
156
src/project/hljjm/AppChildrenInfo/AppChildrenDetailView.vue
Normal file
156
src/project/hljjm/AppChildrenInfo/AppChildrenDetailView.vue
Normal file
@@ -0,0 +1,156 @@
|
|||||||
|
<template>
|
||||||
|
<section class="AppChildrenDetailView">
|
||||||
|
<div class="info-list">
|
||||||
|
<div class="item" v-for="(item, index) in list" :key="index">
|
||||||
|
<div class="title-flex">
|
||||||
|
<div class="item-title">{{item.title}}</div>
|
||||||
|
<img src="https://cdn.sinoecare.com/i/2024/09/06/66da67b778d99.png" alt="" :class="item.isView ? 'right-icon' : 'right-icon right-icon-active'" @click="view(index)">
|
||||||
|
</div>
|
||||||
|
<div class="item-content" v-if="item.isView">
|
||||||
|
<!-- <div class="item-form" v-for="(items, indexs) in item.infoList" :key="indexs">
|
||||||
|
<div class="label">{{items.label}}</div>
|
||||||
|
<div class="value">{{items.value}}</div>
|
||||||
|
</div> -->
|
||||||
|
<p>详细基本信息，包括儿童的健康状态、患病情况、工学情况等</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-btn">
|
||||||
|
<div class="btn">返回</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "AppChildrenDetailView",
|
||||||
|
appName: "儿童详细信息",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
title: '详细基本信息',
|
||||||
|
isView: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '父母信息',
|
||||||
|
isView: false,
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarColor({
|
||||||
|
frontColor: '#ffffff',
|
||||||
|
backgroundColor: '#2183FF'
|
||||||
|
})
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: '儿童详细信息'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
view(index) {
|
||||||
|
this.list[index].isView = !this.list[index].isView
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
uni-page-body {
|
||||||
|
background-color: #F5F6F7;
|
||||||
|
}
|
||||||
|
.AppChildrenDetailView {
|
||||||
|
.info-list {
|
||||||
|
.item {
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #fff;
|
||||||
|
.title-flex {
|
||||||
|
width: calc(100% - 32px);
|
||||||
|
display: flex;
|
||||||
|
line-height: 42px;
|
||||||
|
margin-left: 32px;
|
||||||
|
border-bottom: 1px solid #E4E5E6;
|
||||||
|
.item-title {
|
||||||
|
width: calc(100% - 80px);
|
||||||
|
padding: 40px 0 34px 0;
|
||||||
|
line-height: 42px;
|
||||||
|
font-family: PingFangSC-Medium;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 30px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.right-icon {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
padding: 20px;
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
transition: all 0.3s ease-in-out;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.right-icon-active {
|
||||||
|
transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item-content {
|
||||||
|
padding: 20px 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #F5F6F7;
|
||||||
|
p {
|
||||||
|
width: 100%;
|
||||||
|
line-height: 40px;
|
||||||
|
font-family: PingFangSC-Medium;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 28px;
|
||||||
|
color: #999;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
// .item-form {
|
||||||
|
// width: 100%;
|
||||||
|
// padding: 16px 20px 16px 0;
|
||||||
|
// border-bottom: 1px solid #E4E5E6;
|
||||||
|
// box-sizing: border-box;
|
||||||
|
// word-break: break-all;
|
||||||
|
// font-family: PingFangSC-Regular;
|
||||||
|
// .label {
|
||||||
|
// height: 44px;
|
||||||
|
// font-size: 32px;
|
||||||
|
// color: #999;
|
||||||
|
// margin-bottom: 20px;
|
||||||
|
// }
|
||||||
|
// .value {
|
||||||
|
// line-height: 40px;
|
||||||
|
// font-size: 28px;
|
||||||
|
// color: #222;
|
||||||
|
// letter-spacing: 0;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.footer-btn {
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
padding: 16px 32px 52px 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #fff;
|
||||||
|
z-index: 9;
|
||||||
|
.btn {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
height: 96px;
|
||||||
|
line-height: 94px;
|
||||||
|
border: 1px solid #2183FF;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-family: PingFangSC-Medium;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #2183FF;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
138
src/project/hljjm/AppChildrenInfo/AppChildrenInfo.vue
Normal file
138
src/project/hljjm/AppChildrenInfo/AppChildrenInfo.vue
Normal file
@@ -0,0 +1,138 @@
|
|||||||
|
<template>
|
||||||
|
<section class="AppChildrenInfo">
|
||||||
|
<div class="form">
|
||||||
|
<div class="item">
|
||||||
|
<span class="requier">*</span>
|
||||||
|
<div class="item-content">
|
||||||
|
<div class="label">儿童类型</div>
|
||||||
|
<div class="value">请选择</div>
|
||||||
|
<img src="https://cdn.sinoecare.com/i/2024/09/06/66da67b778d99.png" alt="" class="right-icon">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<span class="requier">*</span>
|
||||||
|
<div class="item-content">
|
||||||
|
<div class="label">儿童姓名</div>
|
||||||
|
<div class="value">
|
||||||
|
<u-input type="text" placeholder="请输入" placeholder-style="color:#999;font-size:14px;" height="40" v-model="value" maxlength="10"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<span class="requier">*</span>
|
||||||
|
<div class="item-content">
|
||||||
|
<div class="label">儿童身份证号</div>
|
||||||
|
<div class="value">
|
||||||
|
<u-input type="text" placeholder="请输入" placeholder-style="color:#999;font-size:14px;" height="40" v-model="value" maxlength="10"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-btn">
|
||||||
|
<div class="btn primary">扫描身份证</div>
|
||||||
|
<div class="btn primary" @click="toList()">查询</div>
|
||||||
|
<div class="btn">返回</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "AppChildrenInfo",
|
||||||
|
appName: "各类儿童信息查询",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
value: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarColor({
|
||||||
|
frontColor: '#ffffff',
|
||||||
|
backgroundColor: '#2183FF'
|
||||||
|
})
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: '各类儿童信息查询'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toList() {
|
||||||
|
uni.navigateTo({url: './AppChildrenList'})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
uni-page-body {
|
||||||
|
background-color: #F5F6F7;
|
||||||
|
}
|
||||||
|
.AppChildrenInfo {
|
||||||
|
.form {
|
||||||
|
background-color: #fff;
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
padding-top: 16px;
|
||||||
|
.requier {
|
||||||
|
line-height: 44px;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #F46;
|
||||||
|
padding: 0 4px 0 12px;
|
||||||
|
}
|
||||||
|
.item-content {
|
||||||
|
width: calc(100% - 32px);
|
||||||
|
padding-bottom: 16px;
|
||||||
|
border-bottom: 1px solid #F4F4F5;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
position: relative;
|
||||||
|
.label {
|
||||||
|
line-height: 44px;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #666;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.value {
|
||||||
|
line-height: 40px;
|
||||||
|
font-size: 28px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.right-icon {
|
||||||
|
position: absolute;
|
||||||
|
top: 12px;
|
||||||
|
right: 0;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.footer-btn {
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
padding: 16px 32px 52px 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #fff;
|
||||||
|
.btn {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
height: 96px;
|
||||||
|
line-height: 94px;
|
||||||
|
border: 1px solid #2183FF;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-family: PingFangSC-Medium;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #2183FF;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.primary {
|
||||||
|
background-color: #2183FF;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
122
src/project/hljjm/AppChildrenInfo/AppChildrenList.vue
Normal file
122
src/project/hljjm/AppChildrenInfo/AppChildrenList.vue
Normal file
@@ -0,0 +1,122 @@
|
|||||||
|
<template>
|
||||||
|
<section class="AppChildrenList">
|
||||||
|
<div class="user-list">
|
||||||
|
<div class="item" @click="toDetail()">
|
||||||
|
<div class="name-flex">
|
||||||
|
<div class="name">张珊珊</div>
|
||||||
|
<div class="type-list">
|
||||||
|
<div class="type">事实无人抚养儿童</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<img src="https://cdn.sinoecare.com/i/2024/09/06/66da67b778d99.png" alt="" class="right-icon">
|
||||||
|
<div class="sex-info">
|
||||||
|
<span>女</span>
|
||||||
|
<span>14岁</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="name-flex">
|
||||||
|
<div class="name">张珊珊</div>
|
||||||
|
<div class="type-list">
|
||||||
|
<div class="type">事实无人抚养儿童</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<img src="https://cdn.sinoecare.com/i/2024/09/06/66da67b778d99.png" alt="" class="right-icon">
|
||||||
|
<div class="sex-info">
|
||||||
|
<span>女</span>
|
||||||
|
<span>14岁</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "AppChildrenList",
|
||||||
|
appName: "各类儿童信息查询",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarColor({
|
||||||
|
frontColor: '#ffffff',
|
||||||
|
backgroundColor: '#2183FF'
|
||||||
|
})
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: '各类儿童信息查询'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toDetail() {
|
||||||
|
uni.navigateTo({url: `./AppChildrenDetail`})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
uni-page-body {
|
||||||
|
background-color: #F5F6F7;
|
||||||
|
}
|
||||||
|
.AppChildrenList {
|
||||||
|
.user-list {
|
||||||
|
padding: 28px 32px 0 32px;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.item {
|
||||||
|
width: 100%;
|
||||||
|
background: #FFF;
|
||||||
|
border-radius: 16px;
|
||||||
|
padding: 24px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
.name-flex {
|
||||||
|
display: flex;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
.name {
|
||||||
|
line-height: 48px;
|
||||||
|
font-family: PingFangSC-Medium;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 34px;
|
||||||
|
color: #333;
|
||||||
|
margin-right: 32px;
|
||||||
|
}
|
||||||
|
.type-list {
|
||||||
|
.type {
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 48px;
|
||||||
|
background: #F5FCF5;
|
||||||
|
border: 1px solid #E2F6E1;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 0 16px;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
font-size: 26px;
|
||||||
|
color: #3BBC37;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right-icon {
|
||||||
|
position: absolute;
|
||||||
|
top: 50px;
|
||||||
|
right: 20px;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.sex-info {
|
||||||
|
span {
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 36px;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
font-size: 26px;
|
||||||
|
color: #999;
|
||||||
|
margin-right: 28px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
63
src/project/hljjm/AppHome/AppHome.vue
Normal file
63
src/project/hljjm/AppHome/AppHome.vue
Normal file
@@ -0,0 +1,63 @@
|
|||||||
|
<template>
|
||||||
|
<section class="AppHome">
|
||||||
|
<div class="card-list">
|
||||||
|
<div class="item-card" v-for="(item, index) in cardList" :key="index" @click="linkTo(item.linkUrl)">
|
||||||
|
<img :src="item.imgUrl" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "AppHome",
|
||||||
|
appName: "黑龙江儿童福利系统",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
cardList: [
|
||||||
|
{
|
||||||
|
imgUrl: 'https://cdn.sinoecare.com/i/2024/09/06/66da65a3635e2.png',
|
||||||
|
linkUrl: '../AppChildrenInfo/AppChildrenInfo'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
imgUrl: 'https://cdn.sinoecare.com/i/2024/09/06/66da65a41973a.png',
|
||||||
|
linkUrl: '../AppRecognize/AppRecognize'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarColor({
|
||||||
|
frontColor: '#ffffff',
|
||||||
|
backgroundColor: '#2183FF'
|
||||||
|
})
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: '黑龙江儿童福利系统'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
linkTo(url) {
|
||||||
|
uni.navigateTo({url})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
uni-page-body {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.AppHome {
|
||||||
|
.card-list {
|
||||||
|
padding: 28px 32px 0 32px;
|
||||||
|
.item-card {
|
||||||
|
margin-bottom: 28px;
|
||||||
|
width: 100%;
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 180px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
165
src/project/hljjm/AppRecognize/AppRecognize.vue
Normal file
165
src/project/hljjm/AppRecognize/AppRecognize.vue
Normal file
@@ -0,0 +1,165 @@
|
|||||||
|
<template>
|
||||||
|
<section class="AppRecognize">
|
||||||
|
<u-navbar title="认亲助养" title-color="#fff" title-width="300" title-size="34"
|
||||||
|
:title-bold="true" :background="backgroundNavbar" :height="44" back-icon-color="#fff">
|
||||||
|
<div slot="right" class="btn-right">查询/新增</div>
|
||||||
|
</u-navbar>
|
||||||
|
<div class="select-content">
|
||||||
|
<span class="triangle-up"></span>
|
||||||
|
<div class="item" @click="linkTo('./AppRecognizeSearchTab')">查询</div>
|
||||||
|
<div class="item" @click="linkTo('./AppRecognizeAdd')">新增认清助养</div>
|
||||||
|
</div>
|
||||||
|
<u-tabs :list="tabList" :is-scroll="false" :current="tabIndex" @change="change" height="112" :bar-style="barStyle"
|
||||||
|
bg-color="#fff" inactive-color="#666" active-color="#222" :active-item-style="activeStyle"></u-tabs>
|
||||||
|
<div class="user-list">
|
||||||
|
<div class="item" @click="toDetail()">
|
||||||
|
<div class="item-top">
|
||||||
|
<div class="title">助养方：王微微</div>
|
||||||
|
<div class="info">助养对象：张珊珊、李思思等被助养人</div>
|
||||||
|
<div class="info">相信描述：衣服物件、鞋子无双、资金500000元</div>
|
||||||
|
</div>
|
||||||
|
<div class="item-bottom">
|
||||||
|
<div class="time">2023-09-10</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="item-top">
|
||||||
|
<div class="title">助养方：王微微</div>
|
||||||
|
<div class="info">助养对象：张珊珊、李思思等被助养人</div>
|
||||||
|
<div class="info">相信描述：衣服物件、鞋子无双、资金500000元</div>
|
||||||
|
</div>
|
||||||
|
<div class="item-bottom">
|
||||||
|
<div class="time">2023-09-10</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "AppRecognize",
|
||||||
|
appName: "认亲助养",
|
||||||
|
customNavigation: true,
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
backgroundNavbar: {
|
||||||
|
backgroundColor: '#2183FF'
|
||||||
|
},
|
||||||
|
tabList: [{name: '一次性助养'}, {name: '长期助养'}],
|
||||||
|
tabIndex: 0,
|
||||||
|
barStyle: {
|
||||||
|
'width': '20px',
|
||||||
|
'bottom': '-3px',
|
||||||
|
'background': '#4181FF',
|
||||||
|
'border-radius': '2px'
|
||||||
|
},
|
||||||
|
activeStyle: {
|
||||||
|
'font-weight' : '400',
|
||||||
|
'color': '#222'
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
linkTo(url) {
|
||||||
|
uni.navigateTo({url})
|
||||||
|
},
|
||||||
|
toDetail() {
|
||||||
|
uni.navigateTo({url: `./AppRecognizeDetail`})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
uni-page-body {
|
||||||
|
background-color: #F5F6F7;
|
||||||
|
}
|
||||||
|
.AppRecognize {
|
||||||
|
position: relative;
|
||||||
|
.btn-right {
|
||||||
|
font-family: PingFangSC-SNaNpxibold;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 34px;
|
||||||
|
color: #FFF;
|
||||||
|
padding-right: 22px;
|
||||||
|
}
|
||||||
|
::v-deep .u-tabs {
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
.select-content {
|
||||||
|
border-radius: 16px;
|
||||||
|
padding: 12px 32px 0 32px;
|
||||||
|
background-color: #fff;
|
||||||
|
box-shadow: 6px 6px 12px 0px #999;
|
||||||
|
width: 256px;
|
||||||
|
position: absolute;
|
||||||
|
top: 104px;
|
||||||
|
right: 32px;
|
||||||
|
z-index: 999;
|
||||||
|
.item {
|
||||||
|
line-height: 88px;
|
||||||
|
text-align: center;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28px;
|
||||||
|
color: #323233;
|
||||||
|
}
|
||||||
|
.item:nth-of-type(1) {
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
.triangle-up {
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-bottom: 16px solid #fff;
|
||||||
|
border-left: 16px solid transparent;
|
||||||
|
border-right: 16px solid transparent;
|
||||||
|
position: absolute;
|
||||||
|
top: -16px;
|
||||||
|
right: 66px;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.user-list {
|
||||||
|
padding: 24px 32px 0 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.item {
|
||||||
|
width: 100%;
|
||||||
|
background: #FFF;
|
||||||
|
border-radius: 16px;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
.item-top {
|
||||||
|
padding: 24px;
|
||||||
|
.title {
|
||||||
|
line-height: 48px;
|
||||||
|
font-family: PingFangSC-Medium;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 34px;
|
||||||
|
color: #333;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
.info {
|
||||||
|
line-height: 48px;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
font-size: 26px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item-bottom {
|
||||||
|
padding: 14px 0 10px 24px;
|
||||||
|
border-top: 1px solid #E4E5E6;
|
||||||
|
.time {
|
||||||
|
line-height: 48px;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
font-size: 24px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
73
src/project/hljjm/AppRecognize/AppRecognizeAdd.vue
Normal file
73
src/project/hljjm/AppRecognize/AppRecognizeAdd.vue
Normal file
@@ -0,0 +1,73 @@
|
|||||||
|
<template>
|
||||||
|
<section class="AppRecognizeAdd">
|
||||||
|
<div class="step-info">
|
||||||
|
<u-steps :list="stepTitleList" :current="stepIndex" active-color="#2183FF" un-active-color="#D0D1D6" mode="number"></u-steps>
|
||||||
|
</div>
|
||||||
|
<div class="footer-btn">
|
||||||
|
<div class="btn primary">扫描身份证</div>
|
||||||
|
<div class="btn primary">查询</div>
|
||||||
|
<div class="btn">返回</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "AppRecognizeAdd",
|
||||||
|
appName: "认亲助养",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
stepTitleList: [{name: '助养信息'}, {name: '助养对象'}, {name: '相关文件'}, {name: '经办人'}],
|
||||||
|
stepIndex: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarColor({
|
||||||
|
frontColor: '#ffffff',
|
||||||
|
backgroundColor: '#2183FF'
|
||||||
|
})
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: '认亲助养'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
linkTo(url) {
|
||||||
|
uni.navigateTo({url})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
uni-page-body {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.AppRecognizeAdd {
|
||||||
|
.footer-btn {
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
padding: 16px 32px 52px 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #fff;
|
||||||
|
.btn {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
height: 96px;
|
||||||
|
line-height: 94px;
|
||||||
|
border: 1px solid #2183FF;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-family: PingFangSC-Medium;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #2183FF;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.primary {
|
||||||
|
background-color: #2183FF;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
123
src/project/hljjm/AppRecognize/AppRecognizeDetail.vue
Normal file
123
src/project/hljjm/AppRecognize/AppRecognizeDetail.vue
Normal file
@@ -0,0 +1,123 @@
|
|||||||
|
<template>
|
||||||
|
<section class="AppRecognizeDetail">
|
||||||
|
<u-tabs :list="tabList" :is-scroll="false" :current="tabIndex" @change="change" height="112" :bar-style="barStyle"
|
||||||
|
bg-color="#fff" inactive-color="#666" active-color="#222" :active-item-style="activeStyle"></u-tabs>
|
||||||
|
<div class="info-content">
|
||||||
|
<div class="item">
|
||||||
|
<div class="label">助养人姓名</div>
|
||||||
|
<div class="value">张珊珊</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="label">助养人姓名</div>
|
||||||
|
<div class="value">张珊珊</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="label">助养人姓名</div>
|
||||||
|
<div class="value">张珊珊</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-btn">
|
||||||
|
<div class="btn primary" @click="toList()">下一步</div>
|
||||||
|
<div class="btn">返回</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "AppRecognizeDetail",
|
||||||
|
appName: "认亲助养",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tabList: [{name: '助养信息'}, {name: '助养对象'}, {name: '相关文件'}, {name: '经办人'}],
|
||||||
|
tabIndex: 0,
|
||||||
|
barStyle: {
|
||||||
|
'width': '20px',
|
||||||
|
'bottom': '-3px',
|
||||||
|
'background': '#4181FF',
|
||||||
|
'border-radius': '2px'
|
||||||
|
},
|
||||||
|
activeStyle: {
|
||||||
|
'font-weight' : '400',
|
||||||
|
'color': '#222'
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarColor({
|
||||||
|
frontColor: '#ffffff',
|
||||||
|
backgroundColor: '#2183FF'
|
||||||
|
})
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: '认亲助养'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
linkTo(url) {
|
||||||
|
uni.navigateTo({url})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
uni-page-body {
|
||||||
|
background-color: #f5f6f7;
|
||||||
|
}
|
||||||
|
.AppRecognizeDetail {
|
||||||
|
::v-deep .u-tabs {
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
.info-content {
|
||||||
|
margin-top: 24px;
|
||||||
|
.item {
|
||||||
|
padding-left: 32px;
|
||||||
|
background-color: #fff;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.label {
|
||||||
|
padding: 16px 32px 20px 0;
|
||||||
|
line-height: 44px;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #999;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.value {
|
||||||
|
padding: 0 20px 16px 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
line-height: 40px;
|
||||||
|
font-size: 28px;
|
||||||
|
color: #222;
|
||||||
|
border-bottom: 1px solid #E4E5E6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.footer-btn {
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
padding: 16px 32px 52px 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #fff;
|
||||||
|
.btn {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
height: 96px;
|
||||||
|
line-height: 94px;
|
||||||
|
border: 1px solid #2183FF;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-family: PingFangSC-Medium;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #2183FF;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.primary {
|
||||||
|
background-color: #2183FF;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
132
src/project/hljjm/AppRecognize/AppRecognizeSearch.vue
Normal file
132
src/project/hljjm/AppRecognize/AppRecognizeSearch.vue
Normal file
@@ -0,0 +1,132 @@
|
|||||||
|
<template>
|
||||||
|
<section class="AppRecognizeSearch">
|
||||||
|
<div class="form">
|
||||||
|
<div class="item">
|
||||||
|
<span class="requier">*</span>
|
||||||
|
<div class="item-content">
|
||||||
|
<div class="label">{{navName == '个人助养' ? '助养人名称' : '助养方名称'}}</div>
|
||||||
|
<div class="value">
|
||||||
|
<u-input type="text" placeholder="请输入" placeholder-style="color:#999;font-size:14px;" height="40" v-model="value" maxlength="10"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item" v-if="navName == '个人助养'">
|
||||||
|
<span class="requier">*</span>
|
||||||
|
<div class="item-content">
|
||||||
|
<div class="label">助养人身份证号</div>
|
||||||
|
<div class="value">
|
||||||
|
<u-input type="text" placeholder="请输入" placeholder-style="color:#999;font-size:14px;" height="40" v-model="value" maxlength="10"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-btn">
|
||||||
|
<div class="btn primary" v-if="navName == '个人助养'">扫描助养人身份证</div>
|
||||||
|
<div class="btn primary" @click="toList()">查询</div>
|
||||||
|
<div class="btn">返回</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "AppRecognizeSearch",
|
||||||
|
appName: "查询个人助养",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
value: '',
|
||||||
|
navName: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(option) {
|
||||||
|
this.navName = option.name
|
||||||
|
uni.setNavigationBarColor({
|
||||||
|
frontColor: '#ffffff',
|
||||||
|
backgroundColor: '#2183FF'
|
||||||
|
})
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: option.name == '个人助养' ? '查询个人助养' : '查询集体助养'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toList() {
|
||||||
|
uni.navigateTo({url: './AppRecognizeSearchList'})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
uni-page-body {
|
||||||
|
background-color: #F5F6F7;
|
||||||
|
}
|
||||||
|
.AppRecognizeSearch {
|
||||||
|
.form {
|
||||||
|
background-color: #fff;
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
padding-top: 16px;
|
||||||
|
.requier {
|
||||||
|
line-height: 44px;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #F46;
|
||||||
|
padding: 0 4px 0 12px;
|
||||||
|
}
|
||||||
|
.item-content {
|
||||||
|
width: calc(100% - 32px);
|
||||||
|
padding-bottom: 16px;
|
||||||
|
border-bottom: 1px solid #F4F4F5;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
position: relative;
|
||||||
|
.label {
|
||||||
|
line-height: 44px;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #666;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.value {
|
||||||
|
line-height: 40px;
|
||||||
|
font-size: 28px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.right-icon {
|
||||||
|
position: absolute;
|
||||||
|
top: 12px;
|
||||||
|
right: 0;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.footer-btn {
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
padding: 16px 32px 52px 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #fff;
|
||||||
|
.btn {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
height: 96px;
|
||||||
|
line-height: 94px;
|
||||||
|
border: 1px solid #2183FF;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-family: PingFangSC-Medium;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #2183FF;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.primary {
|
||||||
|
background-color: #2183FF;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
101
src/project/hljjm/AppRecognize/AppRecognizeSearchList.vue
Normal file
101
src/project/hljjm/AppRecognize/AppRecognizeSearchList.vue
Normal file
@@ -0,0 +1,101 @@
|
|||||||
|
<template>
|
||||||
|
<section class="AppRecognizeSearchList">
|
||||||
|
<div class="user-list">
|
||||||
|
<div class="item" @click="toDetail()">
|
||||||
|
<div class="item-top">
|
||||||
|
<div class="title">助养方：王微微</div>
|
||||||
|
<div class="info">助养对象：张珊珊、李思思等被助养人</div>
|
||||||
|
<div class="info">相信描述：衣服物件、鞋子无双、资金500000元</div>
|
||||||
|
</div>
|
||||||
|
<div class="item-bottom">
|
||||||
|
<div class="time">2023-09-10</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="item-top">
|
||||||
|
<div class="title">助养方：王微微</div>
|
||||||
|
<div class="info">助养对象：张珊珊、李思思等被助养人</div>
|
||||||
|
<div class="info">相信描述：衣服物件、鞋子无双、资金500000元</div>
|
||||||
|
</div>
|
||||||
|
<div class="item-bottom">
|
||||||
|
<div class="time">2023-09-10</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "AppRecognizeSearchList",
|
||||||
|
appName: "查询认亲助养",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarColor({
|
||||||
|
frontColor: '#ffffff',
|
||||||
|
backgroundColor: '#2183FF'
|
||||||
|
})
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: '查询认亲助养'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
linkTo(url) {
|
||||||
|
uni.navigateTo({url})
|
||||||
|
},
|
||||||
|
toDetail() {
|
||||||
|
uni.navigateTo({url: `./AppRecognizeDetail`})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
uni-page-body {
|
||||||
|
background-color: #F5F6F7;
|
||||||
|
}
|
||||||
|
.AppRecognizeSearchList {
|
||||||
|
.user-list {
|
||||||
|
padding: 24px 32px 0 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.item {
|
||||||
|
width: 100%;
|
||||||
|
background: #FFF;
|
||||||
|
border-radius: 16px;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
.item-top {
|
||||||
|
padding: 24px;
|
||||||
|
.title {
|
||||||
|
line-height: 48px;
|
||||||
|
font-family: PingFangSC-Medium;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 34px;
|
||||||
|
color: #333;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
.info {
|
||||||
|
line-height: 48px;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
font-size: 26px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item-bottom {
|
||||||
|
padding: 14px 0 10px 24px;
|
||||||
|
border-top: 1px solid #E4E5E6;
|
||||||
|
.time {
|
||||||
|
line-height: 48px;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
font-size: 24px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
66
src/project/hljjm/AppRecognize/AppRecognizeSearchTab.vue
Normal file
66
src/project/hljjm/AppRecognize/AppRecognizeSearchTab.vue
Normal file
@@ -0,0 +1,66 @@
|
|||||||
|
<template>
|
||||||
|
<section class="AppRecognizeSearchTab">
|
||||||
|
<div class="item" v-for="(item, index) in list" :key="index" @click="toSearch(item)">
|
||||||
|
<div class="title-flex">
|
||||||
|
<div class="title">{{item}}</div>
|
||||||
|
<img src="https://cdn.sinoecare.com/i/2024/09/06/66da67b778d99.png" alt="" class="right-icon">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "AppRecognizeSearchTab",
|
||||||
|
appName: "查询认清助养",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list: ['个人助养', '集体助养']
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarColor({
|
||||||
|
frontColor: '#ffffff',
|
||||||
|
backgroundColor: '#2183FF'
|
||||||
|
})
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: '查询认清助养'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toSearch(name) {
|
||||||
|
uni.navigateTo({url: `./AppRecognizeSearch?name=${name}`})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
uni-page-body {
|
||||||
|
background-color: #F5F6F7;
|
||||||
|
}
|
||||||
|
.AppRecognizeSearchTab {
|
||||||
|
.item {
|
||||||
|
padding-left: 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #fff;
|
||||||
|
.title-flex {
|
||||||
|
display: flex;
|
||||||
|
padding: 40px 20px 34px 0;
|
||||||
|
border-bottom: 1px solid #E4E5E6;
|
||||||
|
justify-content: space-between;
|
||||||
|
.title {
|
||||||
|
line-height: 42px;
|
||||||
|
font-family: PingFangSC-Medium;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 30px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.right-icon {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user