From 86cfd4d71d9fd0a9e0750f8fff68f48fac3471b0 Mon Sep 17 00:00:00 2001
From: aihe <961836564@qq.com>
Date: Mon, 11 Dec 2023 17:44:17 +0800
Subject: [PATCH] uu

---
 components/tpx-input/tpx-input.vue       |  6 +-
 components/tpx-textarea/tpx-textarea.vue |  6 +-
 components/tpx-upload/tpx-upload.vue     | 70 ++++++++++++++++++++++++
 pages/user/certification.vue             | 19 ++++++-
 4 files changed, 98 insertions(+), 3 deletions(-)
 create mode 100644 components/tpx-upload/tpx-upload.vue

diff --git a/components/tpx-input/tpx-input.vue b/components/tpx-input/tpx-input.vue
index 6e2941a..c412909 100644
--- a/components/tpx-input/tpx-input.vue
+++ b/components/tpx-input/tpx-input.vue
@@ -14,7 +14,11 @@
 					return ''
 				}
 			},
-			placeholder: '',
+			placeholder:{
+				default () {
+					return ''
+				}
+			},
 		},
 		data() {
 		},
diff --git a/components/tpx-textarea/tpx-textarea.vue b/components/tpx-textarea/tpx-textarea.vue
index f4e1256..3d28a45 100644
--- a/components/tpx-textarea/tpx-textarea.vue
+++ b/components/tpx-textarea/tpx-textarea.vue
@@ -13,7 +13,11 @@
 					return ''
 				}
 			},
-			placeholder: '',
+			placeholder:{
+				default () {
+					return ''
+				}
+			},
 		},
 		data() {
 		},
diff --git a/components/tpx-upload/tpx-upload.vue b/components/tpx-upload/tpx-upload.vue
new file mode 100644
index 0000000..a038522
--- /dev/null
+++ b/components/tpx-upload/tpx-upload.vue
@@ -0,0 +1,70 @@
+<template>
+	<u-upload
+		:fileList="fileList1" name="formFilesTODO" :maxCount="max" :previewFullImage="fileType==fileTypeEnum.image"
+		@afterRead="afterRead" @delete="deletePic"
+		>
+		<slot></slot>
+	</u-upload>
+</template>
+
+<script>
+	const fileTypeEnum = {
+		all: "all",
+		image: "image",
+		video: "video",
+	}
+	
+	export default {
+		
+		props: {
+			value: {
+				default () {
+					return ''
+				}
+			},
+			fileType: {
+				default () {
+					return fileTypeEnum.all
+				}
+			},
+			max: {
+				default () {
+					return 1
+				}
+			},
+			min: {
+				default () {
+					return 1
+				}
+			},
+			scale: {
+				default () {
+					return [1, 1] // 宽高比
+				}
+			}
+		},
+		data() {
+			return {
+				fileTypeEnum: Object.assign({}, fileTypeEnum),
+			}
+		},
+		created() {
+
+		},
+		onHide() {
+
+		},
+		destroyed() {},
+		
+		methods: {
+			handleChange(val){
+				this.$emit('change', val)
+				this.$emit('update:value', val) 
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	
+</style>
\ No newline at end of file
diff --git a/pages/user/certification.vue b/pages/user/certification.vue
index 5b5dfd3..c80517b 100644
--- a/pages/user/certification.vue
+++ b/pages/user/certification.vue
@@ -3,7 +3,7 @@
 		<template v-slot:body>
 			<view class="com-jianju pos-rlt pb-30" style="padding-top: 2rpx;">
 
-				<view class="blcok-white radius-20 pt-30 ">
+				<view class="blcok-white radius-20" style="padding-top: 40rpx;">
 					<uni-forms ref="baseForm" :modelValue="baseFormData" label-width="0">
 						<uni-forms-item :required="false">
 							<tpx-input v-model:value="baseFormData.name" placeholder="真实姓名"></tpx-input>
@@ -16,6 +16,22 @@
 						<uni-forms-item :required="false">
 							<tpx-input v-model:value="baseFormData.number" placeholder="证件号"></tpx-input>
 						</uni-forms-item>
+						
+						<view class="mb-10">
+							<u-row justify="between">
+								<u-col span="5">
+									<tpx-upload v-model:value="baseFormData.pic1">
+										<u-text :text="'身份证人像面'" size="28" :scale="[7, 10]"></u-text>
+									</tpx-upload>
+								</u-col>
+								<u-col span="5">
+									<tpx-upload v-model:value="baseFormData.pic2">
+										<u-text :text="'身份证人像面'" size="28" :scale="[7, 10]"></u-text>
+									</tpx-upload>
+								</u-col>
+							</u-row>
+						</view>
+						
 					</uni-forms>
 				</view>
 
@@ -49,6 +65,7 @@
 		},
 		data() {
 			return {
+				fileList1: [],
 				typeList: [
 					{ title: '身份证', val: 1 },
 					{ title: '护照', val: 2 },