diff --git a/subpages/statistics/images/jmhx_center.png b/subpages/statistics/images/jmhx_center.png
new file mode 100644
index 0000000..0c80105
Binary files /dev/null and b/subpages/statistics/images/jmhx_center.png differ
diff --git a/subpages/statistics/images/right2.png b/subpages/statistics/images/right2.png
new file mode 100644
index 0000000..b45e2ed
Binary files /dev/null and b/subpages/statistics/images/right2.png differ
diff --git a/subpages/statistics/pages/residentPortrait/residentPortrait.wxml b/subpages/statistics/pages/residentPortrait/residentPortrait.wxml
index 2b5c654..0a844e2 100644
--- a/subpages/statistics/pages/residentPortrait/residentPortrait.wxml
+++ b/subpages/statistics/pages/residentPortrait/residentPortrait.wxml
@@ -1,2 +1,119 @@
-
-subpages/statistics/pages/residentPortrait/residentPortrait.wxml
+
+
+ 居民基本信息
+
+
+ 刘萍 13362021000
+ 风险
+
+ XX社区第一网格 四季景苑小区2号楼1单元201
+
+
+
+ 姓名
+ 与本人关系
+ 性别
+ 年龄
+
+
+ 王军
+ 本人
+ 男
+ 18
+
+
+
+
+
+
+ 居民画像
+
+
+
+
+
+
+
+ 35岁
+
+
+ 失业 人员
+
+
+ 流动 人员
+
+
+ 月收入5000以下
+
+
+ 专科
+
+
+ 已婚
+
+
+ 男
+
+
+
+
+
+ 历史及潜在不满意事项
+
+
+
+ 12345投诉
+
+ 76
+
+
+
+ 省满意度调查
+
+ 24
+
+
+
+ 社区满意度自查
+
+ 13
+
+
+
+ 事件未解决
+ 的次数
+
+ 3
+
+
+
+ 需求未满足
+ 的次数
+
+ 0
+
+
+
+ 应享未享服务
+ 的次数
+
+ 0
+
+
+
+
+ 回访记录
+
+
+
+
+ 电话回访
+ 杨平（网格长）
+
+ 2023-08-23
+
+
+
+
+
+
\ No newline at end of file
diff --git a/subpages/statistics/pages/residentPortrait/residentPortrait.wxss b/subpages/statistics/pages/residentPortrait/residentPortrait.wxss
index 8c6a3ba..3208309 100644
--- a/subpages/statistics/pages/residentPortrait/residentPortrait.wxss
+++ b/subpages/statistics/pages/residentPortrait/residentPortrait.wxss
@@ -1 +1,291 @@
-/* subpages/statistics/pages/residentPortrait/residentPortrait.wxss */
\ No newline at end of file
+
+.resident-container {
+ padding: 20rpx;
+}
+
+page {
+ background-color: #f7f7f7;
+}
+
+.card {
+ background: #fff;
+ border-radius: 20rpx;
+ padding: 30rpx;
+ margin-top: 20rpx;
+}
+
+.card .title {
+ font-size: 34rpx;
+ font-weight: bold;
+ color: #333333;
+ display: flex;
+ align-items: center;
+ margin-left: -30rpx;
+ margin-bottom: 39rpx;
+ position: relative;
+}
+
+.card .title:before {
+ content: '';
+ display: block;
+ width: 10rpx;
+ height: 28rpx;
+ background: #3A80E7;
+ border-radius: 4rpx;
+ margin-right: 20rpx;
+}
+
+.user-info .name {
+ font-size: 32rpx;
+ font-weight: bold;
+ color: #333333;
+ margin-bottom: 30rpx;
+}
+
+.user-info .address {
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #666666;
+ padding-bottom: 30rpx;
+}
+
+.table .tr {
+ display: flex;
+ padding: 0 20rpx;
+}
+
+.table .tr .th {
+ font-size: 32rpx;
+ font-weight: bold;
+ color: #333333;
+}
+.table .tr .td {
+ font-size: 30rpx;
+ font-weight: 500;
+ color: #666666;
+}
+.table .tr .th,
+.table .tr .td {
+ flex: 1;
+ position: relative;
+ height: 100rpx;
+ line-height: 100rpx;
+}
+.table .tr:nth-of-type(2n) {
+ background: rgba(58, 128, 231, 0.08);
+}
+
+.table-right-icon {
+ width: 24rpx;
+ height: 24rpx;
+ position: absolute;
+ right: 0;
+ top: calc(50% - 12rpx);
+}
+
+
+
+.portrait {
+ position: relative;
+ width: 633rpx;
+ height: 542rpx;
+ font-size: 30rpx;
+ font-weight: bold;
+ color: #3A80E7;
+ line-height: 36rpx;
+}
+
+.portrait .tag {
+ position: absolute;
+ background: #f4f8fe;
+ padding: 30rpx;
+ width: 129rpx;
+ height: 129rpx;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ box-sizing: border-box;
+ text-align: center;
+}
+
+.portrait .tag:after {
+ content: "";
+ display: block;
+ width: calc(100% - 28rpx);
+ height: calc(100% - 28rpx);
+ position: absolute;
+ left: 14rpx;
+ top: 14rpx;
+ background: #d3e3fa;
+ border-radius: 50%;
+}
+.portrait .tag .text {
+ position: relative;
+ z-index: 2;
+}
+.portrait .tag:nth-of-type(1) {
+ padding: 38rpx;
+ width: 163rpx;
+ height: 163rpx;
+ left: 227rpx;
+ top: 0;
+}
+.portrait .tag:nth-of-type(2) {
+ padding: 24rpx;
+ width: 121rpx;
+ height: 121rpx;
+ right: 58rpx;
+ top: 101rpx;
+}
+.portrait .tag:nth-of-type(3) {
+ width: 145rpx;
+ height: 145rpx;
+ right: 0rpx;
+ top: 249rpx;
+}
+.portrait .tag:nth-of-type(4) {
+ width: 163rpx;
+ height: 163rpx;
+ right: 100rpx;
+ bottom: 0;
+}
+.portrait .tag:nth-of-type(5) {
+ left: 99rpx;
+ bottom: 10rpx;
+}
+.portrait .tag:nth-of-type(6) {
+ left: 0rpx;
+ top: 251rpx;
+}
+.portrait .tag:nth-of-type(7) {
+ left: 53rpx;
+ top: 101rpx;
+}
+
+.bg {
+ width: 238rpx;
+ height: 238rpx;
+ position: absolute;
+ left: calc(50% - 119rpx);
+ top: calc(50% - 100rpx);
+}
+.bg image {
+ width: 100%;
+ height: 100%;
+}
+
+.num-list {
+ display: flex;
+ width: 100%;
+ justify-content: space-between;
+ position: relative;
+ flex-wrap: wrap;
+}
+
+.num-list .num-item {
+ flex: 0 0 33.333333%;
+ position: relative;
+}
+
+.num-list .num-item:after {
+ content: '';
+ display: block;
+ position: absolute;
+ right: 25rpx;
+ top: calc(50% - 45rpx);
+ width: 1rpx;
+ height: 90rpx;
+ background: #C1C1C1;
+ opacity: 0.66;
+}
+
+.num-list .num-item:nth-of-type(3n):after {
+ display: none;
+}
+
+.num-list .num-item:last-child:after {
+ display: none;
+}
+
+.num-list .num-item .txt {
+ font-size: 28rpx;
+ font-weight: 500;
+ color: #999999;
+ margin-bottom: 30rpx;
+}
+
+.num-list .num-item .num {
+ font-size: 42rpx;
+ font-weight: bold;
+ color: #333333;
+}
+
+.tag {
+ display: inline-block;
+ line-height: 40rpx;
+ height: 40rpx;
+ border-radius: 20rpx;
+ font-size: 26rpx;
+ font-weight: 500;
+ padding: 0 20rpx;
+ margin-right: 30rpx;
+}
+
+.blue {
+ background: rgba(79, 148, 255, 0.14);
+ color: #4F94FF;
+}
+
+.orange {
+ background: rgba(255, 120, 60, 0.14);
+ color: #FF783C;
+}
+
+.green {
+ background: rgba(4, 184, 173, 0.14);
+ color: #04B8AD;
+}
+
+.red {
+ color: #FA1919;
+ background: rgba(255, 48, 27, 0.14);
+}
+
+.log-item {
+ border-bottom: 1px solid #EAEAEA;
+ padding: 30rpx 0;
+}
+
+.log-item .user {
+ display: flex;
+ align-items: center;
+}
+
+.log-item .tag {
+ margin-right: 17px;
+}
+
+.log-item .icon {
+ width: 48rpx;
+ height: 48rpx;
+}
+
+.log-item .name {
+ font-size: 32rpx;
+ font-weight: 500;
+ color: #333333;
+}
+
+.log-item .date {
+ font-size: 28rpx;
+ font-weight: 500;
+ color: #C1C1C1;
+ margin-top: 17rpx;
+}
+
+.log-item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
\ No newline at end of file