From e5dc71ff7541a217a93fe697ffd777cc642e7d3b Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期四, 20 六月 2024 16:55:03 +0800
Subject: [PATCH] 申请详情页面
---
policy/applyRecord/applyRecord.vue | 2
policy/applyRecordDetails/applyRecordDetails.scss | 100 ++++++++++++++++++++
pages.json | 8 +
policy/applyRecordDetails/applyRecordDetails.vue | 153 ++++++++++++++++++++++++++++++
static/policy/icon.png | 0
5 files changed, 262 insertions(+), 1 deletions(-)
diff --git a/pages.json b/pages.json
index 94f97e3..21b5bb3 100644
--- a/pages.json
+++ b/pages.json
@@ -99,6 +99,14 @@
{
"navigationBarTitleText" : "鐢宠璁板綍"
}
+ },
+ {
+ "path" : "applyRecordDetails/applyRecordDetails",
+ "style" :
+ {
+ "navigationBarTitleText" : "鐢宠璇︽儏",
+ "navigationStyle": "custom"
+ }
}
]
}
diff --git a/policy/applyRecord/applyRecord.vue b/policy/applyRecord/applyRecord.vue
index 9eeb076..1eea770 100644
--- a/policy/applyRecord/applyRecord.vue
+++ b/policy/applyRecord/applyRecord.vue
@@ -112,7 +112,7 @@
methods: {
goReport() {
uni.navigateTo({
- url: `/policy/reportDetails/reportDetails`
+ url: `/policy/applyRecordDetails/applyRecordDetails`
})
},
click() {
diff --git a/policy/applyRecordDetails/applyRecordDetails.scss b/policy/applyRecordDetails/applyRecordDetails.scss
new file mode 100644
index 0000000..4cbd8e1
--- /dev/null
+++ b/policy/applyRecordDetails/applyRecordDetails.scss
@@ -0,0 +1,100 @@
+.top-content{
+ width: 100%;
+ height: 380rpx;
+ background: linear-gradient(180deg, #1171E0 42.5%, #F4F4F4 100%);
+}
+.main-page{
+ position: relative;
+ top: -380rpx;
+ .status{
+ color: white;
+ margin: 20rpx 32rpx;
+ font-size: 36rpx;
+ margin-bottom: 24rpx;
+ }
+ .base-card{
+ margin: 20rpx 32rpx;
+ border-radius: 10rpx;
+ background-color: white;
+ padding: 24rpx 0;
+ .title{
+ padding: 0 24rpx;
+ font-size: 32rpx;
+ font-weight: 700;
+ border-bottom: 2rpx solid #EEEEEE;
+ padding-bottom: 14rpx;
+ margin-bottom: 15rpx;
+ }
+ .view-form{
+ padding: 0 24rpx;
+ .view-form-item{
+ display: flex;
+ justify-content: flex-start;
+ align-items: flex-start;
+ margin-bottom: 34rpx;
+ font-size: 30rpx;
+ &:last-child{
+ margin-bottom: 0;
+ }
+ &>view{
+ width: 60%;
+ font-weight: 500;
+ }
+ .label{
+ color: #7E8596;
+ font-weight: normal;
+ width: 40%;
+ }
+ }
+ }
+ .view-content{
+ font-size: 30rpx;
+ padding: 0 24rpx;
+ line-height: 52rpx;
+ }
+ .view-image{
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-gap: 22rpx;
+ image{
+ width: 100%;
+ height: 220rpx;
+ }
+ }
+ .view-step{
+ padding: 0 24rpx;
+ .step-content{
+ position: relative;
+ padding-left: 64rpx;
+ &::after{
+
+ }
+ .icon{
+ position: absolute;
+ left: 0;
+ width: 40rpx;
+ height: 40rpx;
+ }
+ .top-title{
+ font-size: 32rpx;
+ color: #202D44;
+ margin-bottom: 16rpx;
+ }
+ .down-tips{
+ color: #7E8596;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ .time{
+ margin-left: 32rpx;
+ }
+ text{
+ color: #4A4E60;
+ }
+
+ }
+ }
+
+ }
+ }
+}
\ No newline at end of file
diff --git a/policy/applyRecordDetails/applyRecordDetails.vue b/policy/applyRecordDetails/applyRecordDetails.vue
new file mode 100644
index 0000000..6c5e866
--- /dev/null
+++ b/policy/applyRecordDetails/applyRecordDetails.vue
@@ -0,0 +1,153 @@
+<template>
+ <view>
+ <u-navbar placeholder bgColor="#1171E0FF" leftIconColor="white" :autoBack="true">
+ <template slot="center">
+ <view style="color: white;">鐢宠璇︽儏</view>
+ </template>
+ </u-navbar>
+ <view class="top-content"></view>
+ <view class="main-page">
+ <view class="status">
+ 宸茬粨鏉�
+ </view>
+ <view class="base-card">
+ <view class="title">
+ <text>鍩烘湰淇℃伅</text>
+ </view>
+ <view class="view-form">
+ <view class="view-form-item">
+ <view class="label">鎵ф硶涓婚</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">鎵ф硶瀵硅薄</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">鎵ф硶鏃堕棿</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">鎵ф硶鏃堕棿</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">鎵ф硶绫诲瀷</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">鎵ф硶浜哄憳</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">鎵ф硶閮ㄩ棬</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">闅忚浜哄憳鏁伴噺</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">鏄惁閫氱煡浼佷笟</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">鐢宠鏃堕棿</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">褰撳墠鐘舵��</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ </view>
+ </view>
+ <view class="base-card">
+ <view class="title">
+ <text>鎵ф硶鍐呭</text>
+ </view>
+ <view class="view-content">
+ 鐏伀鍣ㄤ娇鐢細涓嶅悓绫诲瀷鐨勭伃鐏櫒閫傜敤浜庝笉鍚岀绫荤殑鐏伨锛屽浜屾哀鍖栫⒊鐏伀鍣ㄩ�傜敤浜庡浐浣撱�佹恫浣撱�佹皵浣撳拰甯︾數璁惧鐏伨锛屽共绮夌伃鐏櫒鍚屾牱閫傜敤浜庡绉嶇伀鐏剧被鍨嬨�備娇鐢ㄦ椂搴斿厛鎷旀帀淇濋櫓閿�锛岀劧鍚庣瀯鍑嗙伀鐒版牴閮ㄨ繘琛屽柗灏勩��
+ 娑堥槻鏍撲娇鐢細浣跨敤娑堥槻鏍撴椂锛屽簲纭繚鑷冲皯鏈�3浜哄弬涓庯紝鍏朵腑2浜烘彙绱ф按鏋紝1浜鸿礋璐ｅ紑鍚榾闂ㄣ�備娇鐢ㄥ墠搴旀鏌ユ按甯﹀強鎺ュご鏄惁瀹屽ソ锛岄伩鍏嶆壄鎶橈紝骞剁‘淇濇按甯︿笌姘存灙姝ｇ‘杩炴帴銆�
+ 闃茬伀鎺柦锛氬寘鎷絾涓嶉檺浜庝笉涔变涪鐑熻拏銆佷笉绉佹媺涔辨帴鐢电嚎銆佷笉瓒呰礋鑽蜂娇鐢ㄧ數鍣ㄣ�佸畾鏈熸鏌ョ數绾垮拰鐢靛櫒璁惧鏄惁鑰佸寲鎴栫牬鎹熴�佸涓笉瀛樻斁鏄撶噧鏄撶垎鐗╁搧绛夈��
+ 鐏伨閫冪敓锛氬彂鐢熺伀鐏炬椂锛屽簲杩呴�熷垽鏂伀鍔挎潵婧愶紝閫夋嫨涓庣伀婧愮浉鍙嶇殑鏂瑰悜閫冪敓銆傚垏鍕夸娇鐢ㄧ數姊�冪敓锛屽簲閫氳繃瀹夊叏閫氶亾鎾ょ銆傞�冪敓杩囩▼涓簲淇濇寔浣庡Э鍔匡紝鐢ㄦ箍姣涘肪鎺╂姢鍙ｉ蓟锛屽噺灏戝惛鍏ユ湁姣掔儫闆俱��
+ 鎶ヨ鍜岃嚜鏁戯細鍙戠幇鐏儏鍚庯紝搴旂珛鍗虫嫧鎵撯��119鈥濈伀璀︾數璇濇姤璀︼紝骞惰缁嗚鏄庣伀鐏惧湴鐐广�佺伀鍔垮ぇ灏忕瓑淇℃伅銆傚湪绛夊緟鏁戞彺鏃讹紝搴斿敖閲忎繚鎸佸喎闈欙紝閲囧彇姝ｇ‘鐨勮嚜鏁戞帾鏂斤紝濡備娇鐢ㄧ伃鐏櫒銆佹秷闃叉爴绛夈��
+ </view>
+ </view>
+ <view class="base-card">
+ <view class="title">
+ <text>瀹℃壒鎯呭喌</text>
+ </view>
+ <view class="view-form">
+ <view class="view-form-item">
+ <view class="label">瀹℃壒缁撴灉</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">瀹℃壒浜�</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">瀹℃壒閮ㄩ棬</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">瀹℃壒鏃堕棿</view>
+ <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ </view>
+ </view>
+ <view class="base-card">
+ <view class="title">
+ <text>鎵ф硶鍥剧墖</text>
+ </view>
+ <view class="view-image">
+ <image src="https://picsum.photos/200/300" mode="widthFix"></image>
+ <image src="https://picsum.photos/200/300" mode="widthFix"></image>
+ <image src="https://picsum.photos/200/300" mode="widthFix"></image>
+ <image src="https://picsum.photos/200/300" mode="widthFix"></image>
+ <image src="https://picsum.photos/200/300" mode="widthFix"></image>
+
+ </view>
+ </view>
+ <view class="base-card">
+ <view class="title">
+ <text>鎵ф硶杩涘害</text>
+ </view>
+ <view class="view-step">
+ <view class="step-content">
+ <image class="icon" src="/static/policy/icon.png" mode="widthFix"></image>
+
+ <view class="top-title">
+ 鎻愪氦鐢宠
+ </view>
+ <view class="down-tips">
+ <view>鎻愪氦浜猴細<text>鏋楀皬闆�</text></view>
+ <view class="time">2024-06-07 12:14</view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+
+ }
+ },
+ methods: {
+
+ }
+ }
+</script>
+<style>
+ page {
+ background-color: #F4F4F4;
+ }
+</style>
+<style lang="scss" scoped>
+ @import "./applyRecordDetails.scss";
+</style>
\ No newline at end of file
diff --git a/static/policy/icon.png b/static/policy/icon.png
new file mode 100644
index 0000000..9c9a5d5
--- /dev/null
+++ b/static/policy/icon.png
Binary files differ
--
Gitblit v1.9.1