diff --git a/components/will/uploadPaperWill/uploadPaperWill.vue b/components/will/uploadPaperWill/uploadPaperWill.vue
new file mode 100644
index 0000000000000000000000000000000000000000..8876c9de05bd2d728dfdb10da58aacd6057fecde
--- /dev/null
+++ b/components/will/uploadPaperWill/uploadPaperWill.vue
@@ -0,0 +1,271 @@
+<template>
+	<view class="wrap">
+		<view class="top-card">
+			<view class="top-card-title">
+				遗嘱登记流程
+			</view>
+			<view class="progress-box">
+				<view class="line">
+					
+				</view>
+				<view :class="['progress-item',item.isActive?'progress-item-active':'']" v-for="(item,index) in progress" :key="index">
+					<view class="item-top">
+						<view class="item-content">
+							{{item.num}}
+						</view>
+					</view>
+					<view class="item-bottom">
+						{{item.content}}
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="bottom-card">
+			<view class="bottom-cad-title">
+				纸质遗嘱上传
+			</view>
+			<view class="bootom-second">
+				上传扫描的A4纸照片
+			</view>
+			<view class="upload-btn" @click="uploadImage">
+				<image src="../../../static/images/camera.png" mode="widthFix" style="width:53rpx;height: 45rpx;"></image>
+			</view>
+			<view class="image-box">
+				<view class="image-item" v-for="(item,index) in imageUrl" :key="index">
+					<view class="close-btn" @click="deleteImage(index)">
+						<image src="../../../static/images/close.png" mode="aspectFill" style="height: 100%;width: 100%;"></image>
+					</view>
+					<image :src="item" mode="aspectFill" style="height: 100%;width: 100%;"></image>
+				</view>
+			</view>
+			<view class="btn-box">
+				<view class="save-btn">
+					保存
+				</view>
+				<view class="next-btn">
+					下一步
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				imageUrl:[],
+				progress:[{
+					num:4,
+					content:"继承人信息"
+				},{
+					num:5,
+					content:"近亲属信息"
+				},{
+					num:6,
+					content:"纸质遗嘱上传",
+					isActive:true
+				},{
+					num:7,
+					content:"遗嘱朗读"
+				}]
+			}
+		},
+		methods: {
+			uploadImage(){
+				if(this.imageUrl.length >=6){
+					return uni.showToast({
+						title:"不能选择更多的图片"
+					})
+				}
+				uni.chooseImage({ // 最多上传六张
+				    count: 6 - this.imageUrl.length, 
+				    sizeType: ['original', 'compressed'], 
+				    sourceType: ['album'], 
+				    success: (res)=> {
+						this.imageUrl.push(...res.tempFilePaths)
+				    }
+				});
+			},
+			deleteImage(index){
+				this.imageUrl.splice(index,1)
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+.wrap{
+	height: 100%;
+	width: 100%;
+	background: #F6F6F6;
+	position: absolute;
+	left:0;
+	top: 0;
+	.top-card{
+		margin:22rpx 22rpx 0;
+		width:calc(100% - 44rpx);
+		height:237rpx;
+		background: white;
+		border-radius: 40rpx;
+		overflow: hidden;
+		.top-card-title{
+			margin-top: 36rpx;
+			margin-left:38rpx;
+			color: #333333;
+			font-size:30rpx
+		}
+		.progress-box{
+			width: 100%;
+			position: relative;
+			height: 166rpx;
+			display: flex;
+			.line{
+				height: 1rpx;
+				width: 553rpx;
+				position: absolute;
+				margin: 0 auto;
+				top: 65rpx;
+				background: #53B3D9;
+				opacity: 0.5;
+				left:60rpx
+			}
+			.progress-item{
+				position: relative;
+				z-index: 10;
+				width: 25%;
+				height: calc(100% - 40rpx);
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: space-around;
+				margin:20rpx 0;
+				.item-top{
+					height: 56rpx;
+					width: 56rpx;
+					border-radius: 50%;
+					background: white;
+					border: 1rpx dashed #ccc;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					.item-content{
+						width: 40rpx;
+						height: 40rpx;
+						background: #F6F6F6;
+						border-radius: 50%;
+						font-size: 24rpx;
+						font-weight: 500;
+						color: #666666;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+					}
+				}
+				.item-bottom{
+					font-size: 22rpx;
+					font-weight: 500;
+					color: #666666;
+				}
+			}
+			.progress-item-active{
+				.item-top{
+					border: 1rpx solid #53B3D9;
+					.item-content{
+						background: #53B3D9;
+						color: #FFFFFF;
+					}
+				}
+			}
+		}
+	}
+	.bottom-card{
+		height: 80%;
+		width: calc(100%-44rpx);
+		margin:22rpx 22rpx 0;
+		background: #FFFFFF;
+		border-radius: 20px 20px 0 0;
+		overflow: hidden;
+		.bottom-cad-title{
+			margin-top: 44rpx;
+			margin-left:30rpx;
+			font-size: 30rpx;
+			font-weight: 500;
+			color: #333333;
+		}
+		.bootom-second{
+			font-size: 22rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #CCCCCC;
+			margin-top: 10rpx;
+			margin-left:30rpx;
+		}
+		.upload-btn{
+			width: 100rpx;
+			height: 100rpx;
+			background: #F8F8F8;
+			border-radius: 10px;
+			margin-top: 50rpx;
+			margin-left: 24rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+		.image-box{
+			height: 530rpx;
+			width:calc(100% - 22rpx);
+			margin-left: 22rpx;
+			margin-top: 60rpx;
+			display: flex;
+			flex-wrap: wrap;
+			.image-item{
+				height: 253rpx;
+				width: 200rpx;
+				position: relative;
+				margin-right: 24rpx;
+				margin-bottom: 24rpx;
+				.close-btn{
+					position:absolute;
+					right: -16rpx;
+					top: -16rpx;
+					width: 32rpx;
+					height: 32rpx;
+					border-radius: 50%;
+					overflow: hidden;
+				}
+			}
+		}
+		.btn-box{
+			display: flex;
+			align-items: center;
+			justify-content: space-around;
+			margin-top: 75rpx;
+			.save-btn{
+				width: 300rpx;
+				height: 88rpx;
+				border: 1px solid #53B3D9;
+				border-radius: 44rpx;
+				font-size: 30rpx;
+				font-weight: 500;
+				color: #53B3D9;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+			}
+			.next-btn{
+				width: 300rpx;
+				height: 88rpx;
+				background: #53B3D9;
+				border-radius: 44rpx;
+				font-size: 30rpx;
+				font-weight: 500;
+				color: #FFFFFF;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+			}
+		}
+	}
+}
+</style>
diff --git a/package-lock.json b/package-lock.json
index a91984c09a62906ac037e58bebf26802a2e9fe94..514850193e6268571e03478aef4f315d1ae7edb2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,8 +1,172 @@
 {
   "name": "gmyzzfbxcx",
   "version": "1.0.0",
-  "lockfileVersion": 1,
+  "lockfileVersion": 2,
   "requires": true,
+  "packages": {
+    "": {
+      "name": "gmyzzfbxcx",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "@dcloudio/uni-ui": "^1.4.15",
+        "axios": "^0.27.2",
+        "mini-html-parser2": "^0.3.0",
+        "uview-ui": "^2.0.31",
+        "vuex": "^4.0.2"
+      },
+      "devDependencies": {}
+    },
+    "node_modules/@dcloudio/uni-ui": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-ui/-/uni-ui-1.4.15.tgz",
+      "integrity": "sha512-V/qg2N78XAEnKyPM5sXa0QDjw0+JIyZi3LBwmpggztsFM2uOI3JevLeAUzpk59Z+kJVbISXaaB26OfdD+Tf1aw=="
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.1.4.tgz",
+      "integrity": "sha512-IiA0SvDrJEgXvVxjNkHPFfDx6SXw0b/TUkqMcDZWNg9fnCAHbTpoo59YfJ9QLFkwa3raau5vSlRVzMSLDnfdtQ=="
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
+    "node_modules/axios": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
+      "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
+      "dependencies": {
+        "follow-redirects": "^1.14.9",
+        "form-data": "^4.0.0"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w=="
+    },
+    "node_modules/domhandler": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
+      "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
+      "dependencies": {
+        "domelementtype": "1"
+      }
+    },
+    "node_modules/entities": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+      "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.0.tgz",
+      "integrity": "sha512-aExlJShTV4qOUOL7yF1U5tvLCB0xQuudbf6toyYA0E/acBNw71mvjFTnLaRp50aQaYocMR0a/RMMBIHeZnGyjQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mini-html-parser2": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/mini-html-parser2/-/mini-html-parser2-0.3.0.tgz",
+      "integrity": "sha512-W4x1MCmtlnAH5M9qQ1WbRn+hTvv7bdrJx4VI+6SD0MUZatW/6K7v213Aidx7VDQmSKoRv+iAn5TswJnesOs71Q==",
+      "dependencies": {
+        "domhandler": "^2.4.2",
+        "entities": "^1.1.1",
+        "events": "^3.0.0"
+      }
+    },
+    "node_modules/uview-ui": {
+      "version": "2.0.31",
+      "resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-2.0.31.tgz",
+      "integrity": "sha512-I/0fGuvtiKHH/mBb864SGYk+SJ7WaF32tsBgYgeBOsxlUp+Th+Ac2tgz2cTvsQJl6eZYWsKZ3ixiSXCAcxZ8Sw==",
+      "engines": {
+        "HBuilderX": "^3.1.0"
+      }
+    },
+    "node_modules/vuex": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/vuex/-/vuex-4.0.2.tgz",
+      "integrity": "sha512-M6r8uxELjZIK8kTKDGgZTYX/ahzblnzC4isU1tpmEuOIIKmV+TRdc+H4s8ds2NuZ7wpUTdGRzJRtoj+lI+pc0Q==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.0.0-beta.11"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.2"
+      }
+    }
+  },
   "dependencies": {
     "@dcloudio/uni-ui": {
       "version": "1.4.15",
diff --git a/pages.json b/pages.json
index 08569236ab23162534211851fcea45356d4fdd7f..cd401cab1e2b928dfa072976f9f689ad0bcbf40e 100644
--- a/pages.json
+++ b/pages.json
@@ -168,6 +168,15 @@
             }
             
         }
+        ,{
+            "path" : "components/will/uploadPaperWill/uploadPaperWill",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "纸质遗嘱上传",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"tabBar": {
 		"color": "#7A7E83",
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 72a37ab10599689a50ae9119b231414c8e67f58c..8e1003c277f82fb4ec7f7fc4a84d7268a8412bd6 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -72,7 +72,7 @@
 				}, {
 					image: require('@/static/images/index/menu-icon11.png'),
 					title: '关于遗嘱库',
-					url: ''
+					path: '/components/will/uploadPaperWill/uploadPaperWill' 
 				}]
 			}
 		},
diff --git a/static/images/camera.png b/static/images/camera.png
new file mode 100644
index 0000000000000000000000000000000000000000..74d222741d6de41ebe37505f1575a60887931175
Binary files /dev/null and b/static/images/camera.png differ
diff --git a/static/images/close.png b/static/images/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..e951a65ff130ed7060ab4ee3dbd15ba7e6d49737
Binary files /dev/null and b/static/images/close.png differ