elink-star
/
epmet-work-mp
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

人员详情

add_resi
李素 2 years ago
parent
1eb225a2e1
commit
547292afb8
4 changed files with 1023 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 66
      subpages/searchResult/pages/cheshi/cheshi.js
  2. 4
      subpages/searchResult/pages/cheshi/cheshi.json
  3. 175
      subpages/searchResult/pages/cheshi/cheshi.wxml
  4. 778
      subpages/searchResult/pages/cheshi/cheshi.wxss

66
subpages/searchResult/pages/cheshi/cheshi.js
View File

@ -0,0 +1,66 @@
// subpages/searchResult/pages/cheshi/cheshi.js
Page({
/**
* 页面的初始数据
*/
data: {
items: ['拓展信息', '残疾信息', '大病信息', '变更记录', '业务记录']
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})

4
subpages/searchResult/pages/cheshi/cheshi.json
View File

@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "测试"
}

175
subpages/searchResult/pages/cheshi/cheshi.wxml
View File

@ -0,0 +1,175 @@
<!--subpages/searchResult/pages/punchCard/punchCard.wxml-->
<!-- 基本信息 -->
<view class="card">
<view class="group_2">
<view class="box_3" style="display: flex; align-items: center;">
<text class="text_2">孙晓</text>
<view class="text-wrapper_1">
<text class="text_3">信息完整度：</text>
<text class="text_4">40%</text>
</view>
<view class="text-wrapper_2">
<text class="text_5">编辑</text>
</view>
</view>
<view class="box_4">
<view class="text-wrapper_24">
<text class="text_63">党员</text>
</view>
<view class="text-wrapper_25">
<text class="text_64">育龄妇女</text>
</view>
</view>
<view class="text-wrapper_5">
<text class="text_8">地址：</text>
<text class="text_9">海伦路街道海伦路社区1号楼1单元302户</text>
</view>
<view class="text-wrapper_6">
<text class="text_10">创建时间：</text>
<text class="text_11">2023-08-12 ;12:30:20</text>
</view>
<view class="text-wrapper_7">
<text class="text_12">最新更新时间：</text>
<text class="text_13">2023-08-12 ;18:50:32</text>
</view>
<image class="image_3" src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps76n3ya6acuqho2uhek7k8epdgxqatfeq4eeda1f1-a097-4b05-a79c-98328bc42391"></image>
<view class="box_5">
<text class="text_14">基础信息（10/10)</text>
<view class="text-wrapper_8">
<text class="text_15">拓展信息</text> <text class="text_17">（</text>
<text class="text_18">3/4</text> <text class="text_19">)</text>
</view>
<text class="text_20">关系图谱</text>
</view>
<view class="block_4"></view>
<view class="box_6">
<view class="text-wrapper_9">
<text class="text_21">残疾信息</text> <text class="text_23">（</text>
<text class="text_24">0/3</text> <text class="text_25">）</text>
</view>
<view class="text-wrapper_10">
<text class="text_26">大病信息</text> <text class="text_28">（3)</text>
</view>
<text class="text_33">变更记录（2）</text>
</view>
<view class="box_6">
<view class="text-wrapper_9">
<text class="text_21">业务记录（1）</text>
</view>
</view>
<hr/>
<div class="horizontal-line"></div>
</view>
<!-- <view class="title">基础信息</view>
<view class="info">
<view class="item">
<view class="label">姓名：</view>
<View class="value">{{form.name}}</View>
</view>
<view class="item">
<view class="label">性别：</view>
<View class="value">{{form.genderName}}</View>
</view>
<view class="item">
<view class="label">出生日期：</view>
<View class="value">{{form.birthday}}</View>
</view>
<view class="item">
<view class="label">住宅：</view>
<View class="value">{{form.homeName}}</View>
</view>
<view class="item">
<view class="label">电话：</view>
<View class="value">{{form.mobile}}</View>
</view>
</view>
<view class="jm-btn" bind:tap="goResidentPortrait2">居民画像</view> -->
</view>
<!-- 走访打卡 -->
<view class="card ">
<view class="flex-sb">
<view class="title">基础信息</view>
<!-- <view class="view" bind:tap="gotopage" data-url="/subpages/searchResult/pages/checkLog/checkLog?resiId={{resiId}}">打卡记录</view> -->
</view>
<view class="form_card m-top20">
<view class="form_item">
<view class="label">
<view class="title">国籍</view>
</view>
<view class="input">
</view>
</view>
<view class="form_item">
<view class="label">
<view class="title">证件类型</view>
</view>
<view class="input text-right">
</view>
</view>
<view class="form_item">
<view class="label">
<view class="title">证件号</view>
</view>
<view class="input text-right">
</view>
</view>
<view class="form_item">
<view class="label">
<view class="title">联系电话</view>
</view>
<view class="input text-right">
</view>
</view>
<view class="form_item">
<view class="label">
<view class="title">文化程度</view>
</view>
<view class="input text-right">
</view>
</view>
<view class="form_item">
<view class="label">
<view class="title">性别</view>
</view>
<view class="input text-right">
</view>
</view>
<view class="form_item">
<view class="label">
<view class="title">出生日期</view>
</view>
<view class="input text-right">
</view>
</view>
<view class="form_item">
<view class="label">
<view class="title">民族</view>
</view>
<view class="input text-right">
</view>
</view>
</view>
</view>
<div class="btn-container">
<view class="bottom_btn1" style="background-color: aliceblue;">上报诉求</view>
<view class="bottom_btn1" style="background-color: aliceblue;">满意度调查</view>
<view class="bottom_btn">走访打卡</view>
</div>

778
subpages/searchResult/pages/cheshi/cheshi.wxss
View File

@ -0,0 +1,778 @@
/* subpages/searchResult/pages/punchCard/punchCard.wxss */
/**index.wxss**/
page {
width: 100%;
min-height: 100vh;
overflow: hidden;
overflow-y: scroll;
background-color: #f7f7f7;
padding: 0 20rpx;
box-sizing: border-box;
}
.card{
background-color: #fff;
border-radius: 20rpx;
display: flex;
flex-direction: column;
min-height: 350rpx;
margin-top: 20rpx;
padding: 30rpx 30rpx 40rpx;
}
.card .title{
position: relative;
font-size: 34rpx;
z-index: 1;
}
/* .card .title::after{
position: absolute;
left: -30rpx;
top: 8rpx;
content: " ";
width: 10rpx;
height: 28rpx;
/* background-color: #3A80E7; */
/* } */
.card {
position: relative;
padding-left: 10px; /* 为了给阴影留出空间 */
}
.info{
margin-top: 6rpx;
}
.info .item{
display: flex;
margin-top: 28rpx;
}
.info .item .label{
width: fit-content;
}
.punch{
width: 260rpx;
height: 260rpx;
background: linear-gradient(180deg,#5E9FFF, #3A80E7);
box-shadow: 0rpx 4rpx 35rpx 0rpx rgba(61,139,248,0.48);
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 50rpx auto 0;
}
.address{
color: #666666;
font-size: 28rpx ;
margin: 0 auto;
margin: 40rpx auto 30rpx;
}
@keyframes rotateAnimation {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(180deg);
}
}
.animate {
animation: rotateAnimation 2s forwards;
}
.btn{
padding: 0 85rpx;
box-sizing: border-box;
min-width: 364rpx;
text-align: center;
height: 76rpx;
border-radius: 38rpx;
margin: 30rpx auto 0;
line-height: 76rpx;
border-radius: 76rpx;
}
.blue{
color:#3A80E7 ;
border: 2rpx solid #3A80E7;
}
.yellow{
color: #FF783C;
border: 2rpx solid #FF783C;
}
.green{
color: #13C8BD;
border: 2rpx solid #13C8BD;
}
.flex-sb {
display: flex;
justify-content: space-between;
}
.view {
color: #999;
font-size: 24rpx;
}
.jm-btn {
position: absolute;
top: 30rpx;
right: 20rpx;
width: 146rpx;
height: 56rpx;
line-height: 56rpx;
background: #3A80E7;
border-radius: 28rpx;
color: #fff;
text-align: center;
font-size: 28rpx;
}
.card {
position: relative;
}
/* subpages/searchResult/pages/cheshi/cheshi.wxss */
.text_2 {
width: 66rpx;
height: 32rpx;
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 34rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 41rpx;
margin-top: 4rpx;
}
.text-wrapper_1 {
width: 243rpx;
height: 28rpx;
overflow-wrap: break-word;
font-size: 0; /* 小程序中不支持设置为 0 */
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin: 8rpx 0 0 35rpx;
}
.text_3 {
width: 243rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(153, 153, 153, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
}
.text_4 {
width: 243rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(4, 184, 173, 1);
font-size: 30rpx;
font-family: PingFang-SC-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
}
.text-wrapper_2 {
background-color: rgba(57, 116, 246, 1);
border-radius: 28rpx;
height: 56rpx;
margin-left: 185rpx;
width: 120rpx;
}
.text_5 {
width: 59rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin: 14rpx 0 0 31rpx;
}
.box_4 {
width: 176rpx;
height: 36rpx;
/* margin-left: 30rpx; */
display: flex;
align-items: center;
margin-top: 10rpx;
}
.text-wrapper_24 {
background-color: rgba(236, 236, 236, 0.5);
border-radius: 4rpx;
height: 36rpx;
width: 60rpx;
}
.text_63 {
width: 45rpx;
height: 23rpx;
overflow-wrap: break-word;
color: rgba(153, 153, 153, 1);
font-size: 24rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 42rpx;
margin: 7rpx 0 0 8rpx;
}
.text-wrapper_25 {
margin-left: 10rpx;
background-color: rgba(236, 236, 236, 0.5);
border-radius: 4rpx;
height: 36rpx;
width: 110rpx;
}
.text_64 {
width: 94rpx;
height: 23rpx;
overflow-wrap: break-word;
color: rgba(153, 153, 153, 1);
font-size: 24rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 42rpx;
margin: 7rpx 0 0 8rpx;
}
.text-wrapper_5{
margin-top: 20rpx;
}
.text-wrapper_5,
.text-wrapper_6,
.text-wrapper_7{
width: 639rpx;
height: 28rpx;
overflow-wrap: break-word;
font-size: 0;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin: 24rpx 0 0 0;
/* display: flex; */
/* text-align: left; */
}
.text_9,
.text_11,
.text_13 {
width: 476rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
white-space: nowrap;
line-height: 40rpx;
}
.text_8 {
width: 639rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(153, 153, 153, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
}
.text_10 {
width: 476rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(153, 153, 153, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
}
.text_12 {
width: 537rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(153, 153, 153, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
}
.image_3 {
width: 650rpx;
height: 1rpx;
margin: 30rpx 0 0 31rpx;
}
.box_5,
.box_6 {
width: 649rpx;
height: 32rpx;
margin: 30rpx 0 0 30rpx;
display: flex;
margin-left: 0;
}
.text_14 {
width: 245rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(57, 116, 246, 1);
font-size: 32rpx;
font-family: PingFang-SC-Bold;
font-weight: 700;
text-align: right;
white-space: nowrap;
line-height: 45rpx;
}
.text-wrapper_8 {
width: 193rpx;
height: 31rpx;
overflow-wrap: break-word;
font-size: 0; /* 小程序中不支持设置为 0 */
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: right;
white-space: nowrap;
line-height: 45rpx;
margin: 1rpx 0 0 45rpx;
}
.text_15,
.text_16,
.text_17,
.text_18 {
width: 193rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 45rpx;
}
.text_19 {
width: 193rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 45rpx;
}
.text_20 {
width: 121rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: right;
white-space: nowrap;
line-height: 45rpx;
margin-left: 45rpx;
}
.block_4 {
background-color: rgba(57, 116, 246, 1);
border-radius: 2rpx;
width: 246rpx;
height: 6rpx;
margin: 10rpx 100rpx 0 12rpx;
}
.text-wrapper_9 {
width: 194rpx;
height: 31rpx;
overflow-wrap: break-word;
font-size: 0; /* 小程序中不支持设置为 0 */
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: right;
white-space: nowrap;
line-height: 45rpx;
}
.text_21,
.text_22 {
width: 194rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 45rpx;
}
.text_23 {
width: 194rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 45rpx;
}
.text_24 {
width: 194rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(242, 114, 37, 1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 45rpx;
}
.text_25 {
width: 194rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 45rpx;
}
.text-wrapper_10 {
width: 193rpx;
height: 31rpx;
overflow-wrap: break-word;
font-size: 0; /* 小程序中不支持设置为 0 */
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: right;
white-space: nowrap;
line-height: 45rpx;
margin-left: 45rpx;
}
.text_26,
.text_27,
.text_28 {
width: 193rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 45rpx;
}
.text_29 {
width: 193rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(28, 185, 175, 1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 45rpx;
}
.text_30 {
width: 193rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(4, 184, 173, 1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 45rpx;
}
.text_31,
.text_33{
width: 193rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51, 51, 51, 1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 45rpx;
}
.text_33{
text-align: right;
margin: 1rpx 0 0 39rpx;
}
/* subpages/addResi/pages/addResi/addResi.wxss */
page {
width: 100%;
min-height: 100vh;
overflow-y: auto;
background-color: #f7f7f7;
}
.gray{
color: #C1C1C1;
}
.m-top20{
margin-top: 20rpx;
}
.header {
width: 100%;
height: 444rpx;
overflow: hidden;
/* position: fixed;
top: 0;
left: 0;
z-index: 1000; */
}
.header .header-bg {
width: 100%;
height: 444rpx;
position: absolute;
height: 100%;
z-index: -999;
}
.back {
width: 30rpx;
height: 30rpx;
margin-left: 20rpx;
position: absolute;
margin-top: 20rpx;
border-radius: 0rpx;
z-index: 101;
}
.header .navigation {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #333333;
font-size: 32rpx;
position: relative;
z-index: 100;
}
.header .content{
margin: 160rpx 0 0 50rpx;
}
.header .content .h2{
font-size: 44rpx;
font-family: PingFang SC;
font-weight: 800;
color: #333333;
margin-bottom: 28rpx;
}
.header .content .tag{
width: 200rpx;
height: 50rpx;
position: relative;
line-height: 48rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #94A6C2;
padding-left: 15rpx;
}
.header .content .tag b {
color: #FF2A00;
}
.header .content .tag image {
width: 170rpx;
height: 50rpx;
position: absolute;
top: 0;
left: 0;
z-index: -888;
}
.content{
width: 100%;
height: auto;
padding: 0 20rpx;
box-sizing: border-box;
position: relative;
top: -30rpx;
}
.form_card {
background-color: #fff;
border-radius: 10rpx;
padding: 0 30rpx;
box-sizing: border-box;
height: auto;
}
.form_card > .title{
height: 90rpx;
line-height: 90rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
position: relative;
}
.form_card .title .tag{
width: 10rpx;
height: 28rpx;
background: #3A80E7;
border-radius: 4rpx;
position: absolute;
left: -30rpx;
top: 50%;
transform: translateY(-14rpx);
}
.form_card .form_item{
display: flex;
align-items: center;
border-top: 1px solid #EAEAEA;
height: 100rpx;
}
.form_card .form_house{
height: 139rpx;
display: flex;
flex-direction: column;
}
.form_card .form_house .form_bottom{
font-size: 24rpx;
color:#C1C1C1;
position: relative;
top: -10rpx;
}
/* .form_card .form_house .form_bottom text{
color:#3A80E7 ;
} */
.form_card .form_item .label{
min-width: 130rpx;
height: 100%;
line-height: 100rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
position: relative;
}
.form_card .form_item .label .must{
font-size: 32rpx;
font-weight: 500;
color: #FF2A00;
position: absolute;
left: -18rpx;
top: 50%;
transform: translateY(-50rpx);
}
.form_card .form_item .input{
flex: 1;
display: flex;
justify-content: space-around;
align-items: center;
margin-left: 51rpx;
overflow: hidden;
}
.form_card .form_item .input .residentCategorySty{
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.form_card .form_item .input picker,
.form_card .form_item .input input{
flex: 1;
}
.form_card .form_item .input image{
height: 22rpx;
width: 22rpx;
}
.btn-container {
display: flex;
justify-content: space-around; /* Adjust this value according to your spacing preference */
width: 100%;
margin-top: 30rpx;
}
.bottom_btn {
width: 200rpx; /* Adjust button width as needed */
height: 86rpx;
background: linear-gradient(87deg, #81B5FB 0%, #3E92FF 100%);
border-radius: 43rpx;
text-align: center;
color: rgb(0, 0, 0);
line-height: 86rpx;
}
.bottom_btn1 {
width: 200rpx; /* Adjust button width as needed */
height: 86rpx;
background:#fff;
border-radius: 43rpx;
text-align: center;
color: rgb(8, 8, 8);
line-height: 86rpx;
}
.text-right {
text-align: right!important;
justify-content: flex-end!important;
}
.horizontal-line {
border-bottom: 1px solid black; /* 设置水平线的样式和颜色 */
width: 100%; /* 设置水平线的宽度 */
margin: 10px 0; /* 可选：设置水平线的上下间距 */
}
Write Preview
Loading…
Cancel
Save