From 547292afb8b9a587b66557ddfdda739959a8b1d7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=8E=E7=B4=A0?= <1257968782@qq.com> Date: Wed, 27 Mar 2024 09:29:22 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BA=BA=E5=91=98=E8=AF=A6=E6=83=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- subpages/searchResult/pages/cheshi/cheshi.js | 66 ++ .../searchResult/pages/cheshi/cheshi.json | 4 + .../searchResult/pages/cheshi/cheshi.wxml | 175 ++++ .../searchResult/pages/cheshi/cheshi.wxss | 778 ++++++++++++++++++ 4 files changed, 1023 insertions(+) create mode 100644 subpages/searchResult/pages/cheshi/cheshi.js create mode 100644 subpages/searchResult/pages/cheshi/cheshi.json create mode 100644 subpages/searchResult/pages/cheshi/cheshi.wxml create mode 100644 subpages/searchResult/pages/cheshi/cheshi.wxss diff --git a/subpages/searchResult/pages/cheshi/cheshi.js b/subpages/searchResult/pages/cheshi/cheshi.js new file mode 100644 index 0000000..3afd7e2 --- /dev/null +++ b/subpages/searchResult/pages/cheshi/cheshi.js @@ -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 () { + + } +}) \ No newline at end of file diff --git a/subpages/searchResult/pages/cheshi/cheshi.json b/subpages/searchResult/pages/cheshi/cheshi.json new file mode 100644 index 0000000..b8a796e --- /dev/null +++ b/subpages/searchResult/pages/cheshi/cheshi.json @@ -0,0 +1,4 @@ +{ + "usingComponents": {}, + "navigationBarTitleText": "测试" +} \ No newline at end of file diff --git a/subpages/searchResult/pages/cheshi/cheshi.wxml b/subpages/searchResult/pages/cheshi/cheshi.wxml new file mode 100644 index 0000000..36a8719 --- /dev/null +++ b/subpages/searchResult/pages/cheshi/cheshi.wxml @@ -0,0 +1,175 @@ + + + + + + 孙晓 + + 信息完整度: + 40% + + + 编辑 + + + + + 党员 + + + 育龄妇女 + + + + 地址: + 海伦路街道海伦路社区1号楼1单元302户 + + + 创建时间: + 2023-08-12 ;12:30:20 + + + 最新更新时间: + 2023-08-12 ;18:50:32 + + + + + 基础信息(10/10) + + 拓展信息 + 3/4 ) + + 关系图谱 + + + + + 残疾信息 + 0/3 + + + 大病信息 (3) + + 变更记录(2) + + + + 业务记录(1) + + +
+
+
+ + +
+ + + + + + + 基础信息 + + + + + + + 国籍 + + + + + + + 证件类型 + + + + + + + + + 证件号 + + + + + + + + 联系电话 + + + + + + + + + 文化程度 + + + + + + + + + 性别 + + + + + + + + 出生日期 + + + + + + + 民族 + + + + + + + + + + +
+ 上报诉求 + 满意度调查 + 走访打卡 +
\ No newline at end of file diff --git a/subpages/searchResult/pages/cheshi/cheshi.wxss b/subpages/searchResult/pages/cheshi/cheshi.wxss new file mode 100644 index 0000000..ffaee22 --- /dev/null +++ b/subpages/searchResult/pages/cheshi/cheshi.wxss @@ -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; /* 可选:设置水平线的上下间距 */ +} \ No newline at end of file