From 4bcf155200f1fc87bbff0c1e97d424254e2811f4 Mon Sep 17 00:00:00 2001
From: aihe <961836564@qq.com>
Date: Mon, 11 Dec 2023 01:10:09 +0800
Subject: [PATCH] uu

---
 components/tpx-input/tpx-input.vue            |  40 ++++++
 components/tpx-search/tpx-search.vue          |  24 ++--
 components/tpx-textarea/tpx-textarea.vue      |  39 ++++++
 pages.json                                    |   7 ++
 pages/address/edit.vue                        |  20 +--
 pages/complaint/edit.vue                      |  15 ++-
 pages/service/list.vue                        |   2 +-
 pages/tabBar/mine/mine.vue                    |   2 +-
 pages/user/certification.vue                  | 116 ++++++++++++++++++
 .../uview-plus/components/u-input/u-input.vue |   2 +-
 10 files changed, 239 insertions(+), 28 deletions(-)
 create mode 100644 components/tpx-input/tpx-input.vue
 create mode 100644 components/tpx-textarea/tpx-textarea.vue
 create mode 100644 pages/user/certification.vue

diff --git a/components/tpx-input/tpx-input.vue b/components/tpx-input/tpx-input.vue
new file mode 100644
index 0000000..6e2941a
--- /dev/null
+++ b/components/tpx-input/tpx-input.vue
@@ -0,0 +1,40 @@
+<template>
+	<u-input shape="circle" :placeholder="placeholder" :modelValue="value" :clearable="true" 
+		custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;" 
+		placeholder-style="color: #0E0708; " @change="handleChange"
+	></u-input>
+</template>
+
+<script>
+	export default {
+		
+		props: {
+			value: {
+				default () {
+					return ''
+				}
+			},
+			placeholder: '',
+		},
+		data() {
+		},
+		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/components/tpx-search/tpx-search.vue b/components/tpx-search/tpx-search.vue
index 603d432..8c46ede 100644
--- a/components/tpx-search/tpx-search.vue
+++ b/components/tpx-search/tpx-search.vue
@@ -1,13 +1,13 @@
 <template>
 	<view class="sch-cont">
 		<view>
-			<u-input shape="circle" :placeholder="placeholder" v-model="keyword" :custom-style="`background-color: ${bgColor};height: ${height}rpx;${true?'padding-right:120rpx;': ''}`" 
+			<u-input shape="circle" :placeholder="placeholder" :modelValue="value" :custom-style="`background-color: ${bgColor};height: ${height}rpx;${true?'padding-right:120rpx;': ''}`" 
 				font-size="28rpx" placeholder-style="font-size: 28rpx;"
-				@focus="handleSwitchFouce()" @blur="handleSwitchFouce()"  @confirm="triggerChange()" @change="handleChange()">
+				@focus="handleSwitchFouce" @blur="handleSwitchFouce" @change="handleChange">
 			</u-input>
 			<u-row justify="end" custom-style="position: absolute;width: 120rpx;top: 0;bottom: 0;right: 20rpx;">
 				<u-row justify="end" customStyle="height: 100%;width:100%;">
-					<u-row v-if="focused && keyword.length > 0"  @click="handleClear()" justify="end" style="0 20rpx 0 0;height: 100%;flex: 1;">
+					<u-row v-if="focused && value.length > 0"  @click="handleClear()" justify="end" style="0 20rpx 0 0;height: 100%;flex: 1;">
 						<u-icon color="#999"  name="close-circle-fill" size="36"></u-icon>
 					</u-row>
 					<u-row  @click="triggerChange()" justify="end" style="height: 100%;flex: 1;">
@@ -53,7 +53,6 @@
 		data() {
 			return {
 				focused: false,
-				keyword: this.value
 			}
 		},
 		created() {
@@ -70,18 +69,17 @@
 					this.focused = !this.focused
 				}, 100)
 			},
-			handleChange() {
-				if(this.timelyTrigger) {
-					this.triggerChange()
-				}
+			handleChange(val) {
+				this.triggerChange(val, this.timelyTrigger)
 			},
 			handleClear( ) {
-				this.keyword = ''
-				this.triggerChange()
+				this.triggerChange('')
 			},
-			triggerChange() {
-				let val = this.keyword
-				this.$emit('change', val)
+			triggerChange(val, isTriggerChange = true) {
+				typeof val == 'undefined' && (val = this.value)
+				if(isTriggerChange) {
+					this.$emit('change', val)	
+				}
 				this.$emit('update:value', val) 
 			}
 		}
diff --git a/components/tpx-textarea/tpx-textarea.vue b/components/tpx-textarea/tpx-textarea.vue
new file mode 100644
index 0000000..f4e1256
--- /dev/null
+++ b/components/tpx-textarea/tpx-textarea.vue
@@ -0,0 +1,39 @@
+<template>
+	<u-textarea shape="circle"  placeholder-style="color: #0E0708; "  
+		:modelValue="value" :clearable="true" :placeholder="placeholder" 
+		custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;" height="160"
+	></u-textarea>
+</template>
+
+<script>
+	export default {
+		props: {
+			value: {
+				default () {
+					return ''
+				}
+			},
+			placeholder: '',
+		},
+		data() {
+		},
+		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.json b/pages.json
index 2ac0f64..348ab23 100644
--- a/pages.json
+++ b/pages.json
@@ -85,7 +85,14 @@
 			"style": {
 				"navigationBarTitleText": "信息详情"
 			}
+		},
+		{
+			"path": "pages/user/certification",
+			"style": {
+				"navigationBarTitleText": "实名认证"
+			}
 		}
+		
 	],
 	"subPackages": [{
 		"root": "pages/API",
diff --git a/pages/address/edit.vue b/pages/address/edit.vue
index 9579853..b297d3d 100644
--- a/pages/address/edit.vue
+++ b/pages/address/edit.vue
@@ -30,10 +30,10 @@
 						<view style="margin-top: 10rpx;">
 							<u-row>
 								<u-col span="4">
-								<u-input shape="circle" placeholder="真实姓名" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
+									<tpx-input v-model:value="submitParam.name" placeholder="真实姓名"></tpx-input>
 								</u-col>
 								<u-col offset="1" span="7">
-									<u-input shape="circle" placeholder="电话" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
+									<tpx-input v-model:value="submitParam.tel" placeholder="电话"></tpx-input>
 								</u-col>
 							</u-row>
 						</view>
@@ -50,23 +50,23 @@
 						</view>
 						
 						<view class="mt-30">
-							<u-textarea shape="circle" placeholder="详细地址（例如**街道**号**）" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;" height="160"></u-textarea>
+							<tpx-textarea v-model:value="submitParam.detail" placeholder="详细地址（例如**街道**号**）"></tpx-textarea>
 						</view>
 						
 						<view class="mt-30">
-							<u-input shape="circle" placeholder="电话" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
+							<tpx-input v-model:value="submitParam.tel" placeholder="电话"></tpx-input>
 						</view>
 						
 						<view class="mt-30">
-							<u-input shape="circle" placeholder="邮编" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
+							<tpx-input v-model:value="submitParam.tel" placeholder="邮编"></tpx-input>
 						</view>
 						
 						<view class="mt-30">
-							<u-input shape="circle" placeholder="邮箱（选填）" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
+							<tpx-input v-model:value="submitParam.tel" placeholder="邮箱（选填"></tpx-input>
 						</view>
 						
 						<view class="mt-30">
-							<u-input shape="circle" placeholder="公司名称（选填）" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
+							<tpx-input v-model:value="submitParam.tel" placeholder="公司名称（选填）"></tpx-input>
 						</view>
 					</view>
 				</view>
@@ -77,14 +77,14 @@
 							<u-checkbox-group v-model="radiovalue1" placement="column" @change="handleFormChange()">
 							    <u-checkbox
 									shape="circle"
-									size="28" label="默认地址" active-color="#B12D29" la
-									label-size="26" hange="handleFormChange()"
+									size="30" label="默认地址" active-color="#B12D29" la
+									label-size="28" hange="handleFormChange()"
 							    >
 							    </u-checkbox>
 							  </u-checkbox-group>
 						</view>
 						<view>
-							<u-text text="清空" size="26" color="#0E0708"></u-text>
+							<u-text text="清空" size="28" color="#0E0708"></u-text>
 						</view>
 					</u-row>
 				</view>
diff --git a/pages/complaint/edit.vue b/pages/complaint/edit.vue
index 21bcf6b..92f43bb 100644
--- a/pages/complaint/edit.vue
+++ b/pages/complaint/edit.vue
@@ -7,7 +7,18 @@
 					<view class="">
 						
 						<view class="mt-10">
-							<u-input shape="circle" placeholder="运单号" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
+							<tpx-input v-model:value="submitParam.danhao" placeholder="运单号"></tpx-input>
+						</view>
+						
+						<view class="mt-30 blcok-grey radius-20">
+							<u-row>
+								<view style="flex: 1;">
+									<u-text text="投诉网点" size="30"></u-text>
+								</view>
+								<u-row>
+									<u-icon size="24" name="arrow-down" color="#333"></u-icon>
+								</u-row>
+							</u-row>
 						</view>
 						
 						<view class="mt-30 blcok-grey radius-20">
@@ -22,7 +33,7 @@
 						</view>
 						
 						<view class="mt-30">
-							<u-textarea shape="circle" placeholder="投诉描述" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;" height="160"></u-textarea>
+							<tpx-textarea v-model:value="submitParam.desc" placeholder="投诉描述"></tpx-textarea>
 						</view>
 						
 					</view>
diff --git a/pages/service/list.vue b/pages/service/list.vue
index eb73db4..9cab3de 100644
--- a/pages/service/list.vue
+++ b/pages/service/list.vue
@@ -17,7 +17,7 @@
 							@click="handleTODetail(item)"
 						>
 							<u-text :text="'各国邮政新规'" size="30" :bold="true" lines="1"></u-text>
-							<u-text :text="'根据萨尔瓦多邮政通知，为了使萨尔瓦多邮政能在邮件抵达时，致电或'" size="28" color="#999" lines="2"></u-text>
+							<u-text margin="10rpx 0 0 0" :text="'根据萨尔瓦多邮政通知，为了使萨尔瓦多邮政能在邮件抵达时，致电或'" size="28" color="#999" lines="2"></u-text>
 							
 						</view>
 					</view>
diff --git a/pages/tabBar/mine/mine.vue b/pages/tabBar/mine/mine.vue
index b231e31..b863d85 100644
--- a/pages/tabBar/mine/mine.vue
+++ b/pages/tabBar/mine/mine.vue
@@ -80,7 +80,7 @@
 					{  title: '地址簿', subTitle: "", icon: getCdnUrl(`mine/dizhi.png`), url: 'address/list' },
 					{  title: '快件查询', subTitle: "", icon: getCdnUrl(`mine/kjcha.png`), url: '' },
 					{  title: '投诉建议', subTitle: "", icon: getCdnUrl(`mine/tousu.png`), url: 'complaint/complaint' },
-					{  title: '实名填写', subTitle: "", icon: getCdnUrl(`mine/shiming.png`), url: '' }
+					{  title: '实名填写', subTitle: "", icon: getCdnUrl(`mine/shiming.png`), url: 'user/certification' }
 				]
 			}
 		},
diff --git a/pages/user/certification.vue b/pages/user/certification.vue
new file mode 100644
index 0000000..9c4dc66
--- /dev/null
+++ b/pages/user/certification.vue
@@ -0,0 +1,116 @@
+<template>
+	<tpx-layout>
+		<template v-slot:body>
+			<view class="com-jianju pos-rlt pb-30" style="padding-top: 2rpx;">
+
+				<view class="blcok-white radius-20 pt-30 ">
+					<uni-forms ref="baseForm" :modelValue="baseFormData" label-width="0">
+						<uni-forms-item :required="false">
+							<tpx-input v-model:value="baseFormData.name" placeholder="真实姓名"></tpx-input>
+						</uni-forms-item>
+						<uni-forms-item :required="false">
+							
+						</uni-forms-item>
+						<uni-forms-item :required="false">
+							<tpx-input v-model:value="baseFormData.number" placeholder="证件号"></tpx-input>
+						</uni-forms-item>
+					</uni-forms>
+				</view>
+
+			</view>
+		</template>
+
+		<template v-slot:footer>
+			<view class="blcok-white-noradius">
+				<u-button @click="handleSubmit()" type="primary" size="large" shape="circle"
+					custom-style="height:80rpx;font-size: 30rpx;">提交实名</u-button>
+			</view>
+		</template>
+	</tpx-layout>
+
+</template>
+
+<script>
+	import getCdnUrl from "@/common/getCdnUrl"
+	import {
+		goto,
+		goBack
+	} from "@/common/untool"
+	export default {
+		props: {
+			// hasLeftWin: {
+			// 	type: Boolean
+			// }
+		},
+		computed: {
+
+		},
+		data() {
+			return {
+				// 基础表单数据
+				baseFormData: {
+					name: '',
+				},
+				// 校验规则
+				rules: {
+					name: {
+						rules: [{
+							required: true,
+							errorMessage: '姓名不能为空'
+						}]
+					}
+				}
+			}
+		},
+		onShareAppMessage() {
+			return {
+				// title: '',
+				// path: 'TODO'
+			}
+		},
+		onLoad() {
+			this.initData();
+		},
+		onUnload() {
+
+		},
+		methods: {
+			getCdnUrl,
+
+			initData() {
+				// uni.showLoading({
+				// 	title: '加载中'
+				// });
+			},
+			handleAnsText() {
+
+			},
+			handleFormChange() {
+
+			},
+			handleSubmit() {
+				this.$refs['baseForm'].validate().then(res => {
+					console.log('success', res);
+					uni.showToast({
+						title: `校验通过`
+					})
+					goBack()
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	@import '@/common/uni-nvue.scss';
+
+	page {
+		background-color: #F6F6F6;
+		height: 100% !important;
+	}
+</style>
+<style scoped lang="scss">
+
+</style>
\ No newline at end of file
diff --git a/uni_modules/uview-plus/components/u-input/u-input.vue b/uni_modules/uview-plus/components/u-input/u-input.vue
index 6bb4d18..48d3eac 100644
--- a/uni_modules/uview-plus/components/u-input/u-input.vue
+++ b/uni_modules/uview-plus/components/u-input/u-input.vue
@@ -53,7 +53,7 @@
             >
                 <u-icon
                     name="close"
-                    size="11"
+                    size="22"
                     color="#ffffff"
                     customStyle="line-height: 12px"
                 ></u-icon>