From 60d2b6ae9667ec924fc380622d0f666c00504468 Mon Sep 17 00:00:00 2001
From: Fox-33 <1466778434@qq.com>
Date: Fri, 28 Mar 2025 17:46:25 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=B4=E5=AE=A0=E5=B8=88=E8=AE=A4?=
 =?UTF-8?q?=E8=AF=81=E6=B5=81=E7=A8=8B;?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/dForm/index.vue                         |  13 +-
 otherPages/authentication/examination/end.vue      | 147 ++++++++++++---------
 otherPages/authentication/list/index.vue           |  15 ++-
 otherPages/myOrdersManage/bond/detail.vue          | 100 ++++++++++----
 otherPages/myOrdersManage/bond/index.vue           |  30 ++++-
 .../{detail/index.vue => bond/refund.vue}          | 114 +++++++++++-----
 otherPages/myOrdersManage/static/bond/bg-popup.png | Bin 0 -> 18447 bytes
 pages.json                                         |   8 +-
 8 files changed, 288 insertions(+), 139 deletions(-)
 rename otherPages/myOrdersManage/{detail/index.vue => bond/refund.vue} (69%)
 create mode 100644 otherPages/myOrdersManage/static/bond/bg-popup.png

diff --git a/components/dForm/index.vue b/components/dForm/index.vue
index 5e36cea..a5c0e1c 100644
--- a/components/dForm/index.vue
+++ b/components/dForm/index.vue
@@ -131,11 +131,22 @@
 		})
 	}
 
+	const setData = (data) => {
+		list.forEach(item => {
+			const { key } = item
+			formData[key] = data[key] || null
+		})
+	}
+
+	const getData = () => {
+		return formData
+	}
+
 	const validate = () => {
 		return dFormRef.value.validate()
 	}
 
-	defineExpose({ validate })
+	defineExpose({ setData, getData, validate })
 </script>
 
 <style>
diff --git a/otherPages/authentication/examination/end.vue b/otherPages/authentication/examination/end.vue
index 523e00d..cc2bb15 100644
--- a/otherPages/authentication/examination/end.vue
+++ b/otherPages/authentication/examination/end.vue
@@ -22,11 +22,12 @@
 								</view>
 							</view>
 							<view class="info">
+								<!-- todo: 实名认证 -->
 								<view class="size-22 color-777">
-									真实姓名：刘思恩
+									{{ `真实姓名：${form.name}` }}
 								</view>
 								<view class="size-22 color-777">
-									身份证号码：48234792837458923
+									{{ `身份证号码：${form.idCard}` }}
 								</view>
 							</view>
 						</view>
@@ -44,9 +45,13 @@
 									<image class="img" src="@/static/images/ydd/end13.png" mode="widthFix"></image>
 									<text class="size-30 color-000 fw700">履约保证金缴纳</text>
 								</view>
-								<view class="size-22 color-ffb jiao">
+								<view class="size-22 color-ffb jiao" @click="jumpToBond">
 									去缴纳
 								</view>
+								<!-- todo -->
+								<!-- <view class="size-22 highlight">
+									已完成
+								</view> -->
 							</view>
 							<view class="info color-777 size-22">
 								请缴纳履约保证金，保证金注销时可申请退还
@@ -66,11 +71,11 @@
 									<image class="img" src="@/static/images/ydd/end1(4).png" mode="widthFix"></image>
 									<text class="size-30 color-000 fw700">添加客服微信</text>
 								</view>
-								<view class="size-22 color-ffb jiao">
-									去缴纳
+								<view class="size-22 highlight">
+									请自行添加
 								</view>
 							</view>
-							<view class="info color-777 size-22 flex-rowc">
+							<view class="info color-777 size-22 flex-rowl">
 								<text class="size-22 color-777">微信二维码</text>
 								<image src="" mode="" style="width: 150rpx;height: 150rpx;"></image>
 							</view>
@@ -89,20 +94,25 @@
 									<image class="img" src="@/static/images/ydd/end13.png" mode="widthFix"></image>
 									<text class="size-30 color-000 fw700">服务工具准备</text>
 								</view>
-								<view class="size-22">
-									查看工具包
+								<!-- todo -->
+								<view class="size-22 flex-rowr">
+									<text>查看工具包</text>
+									<up-icon name="arrow-down" color="#7F7F7F" size="17rpx" style="margin-left: 5rpx;"></up-icon>
 								</view>
 							</view>
 							<view class="info color-777 size-22">
 								<view class="flex-between">
 									<text class="size-22">所在地区:</text>
-									<input type="text" placeholder="请选择" />
+                  <view plain class="flex-rowr" @click="selectAddr">
+										<text>{{ form.area ? form.area : '请选择' }}</text>
+										<up-icon style="margin-left: 22rpx;" name="arrow-down" color="#7F7F7F" size="21rpx"></up-icon>
+                  </view>
 								</view>
 							</view>
 							<view class="info color-777 size-22 mt20">
 								<view class="flex-between">
 									<text class="size-22">详细地址:</text>
-									<input type="text" placeholder="请输入道路、小区、门牌号等" />
+									<input v-model="form.address" type="text" placeholder="请输入道路、小区、门牌号等" />
 								</view>
 							</view>
 						</view>
@@ -119,69 +129,64 @@
 			</view>
 
 		</view>
-		<image src="@/static/images/ydd/chat.png" mode="widthFix" class="chat"></image>
+		<button plain class="chat" open-type="contact">
+			<image src="@/static/images/ydd/chat.png" mode="widthFix"></image>
+		</button>
 	</view>
 </template>
 
 <script setup>
-	import {
-		reactive
-	} from "vue";
+	import { reactive } from "vue";
+	import { onShow } from '@dcloudio/uni-app'
+
 	import stepProgress from '../components/stepProgress.vue';
 
+	const form = reactive({
+		name: null,
+		idCard: null,
+		area: null,
+		latitude: null,
+		longitude: null,
+		address: null,
+	})
+
+	onShow(() => {
+		// todo: delete test data
+
+		form.name = '李*乐'
+		form.idCard = '4211********5624'
 
-	const state = reactive({
-		list: [{
-				type: "input",
-				label: "姓名",
-				key: "name",
-				placeholder: "请输入您的真实姓名",
-			},
-			{
-				type: "input",
-				label: "身份证号",
-				key: "idCard",
-				placeholder: "请输入您的真实身份证号",
-			},
-			{
-				type: "radio",
-				label: "性别",
-				key: "sex",
-				options: [{
-						name: "男"
-					},
-					{
-						name: "女"
-					}
-				]
-			},
-			{
-				type: "input",
-				label: "年龄",
-				key: "gender",
-				placeholder: "请输入您的年龄",
-			},
-			{
-				type: "input",
-				label: "养宠经验",
-				key: "shij",
-				placeholder: "请输入您的养宠年限",
-				unit: "年"
-			},
-			{
-				type: "select",
-				label: "是否有专业执照",
-				key: "shij",
-				placeholder: "请选择",
-				options: [{
-					name: "是"
-				}, {
-					name: "没有"
-				}]
-			},
-		]
 	})
 
+	const jumpToBond = () => {
+		uni.navigateTo({
+			url: "/otherPages/myOrdersManage/bond/index"
+		})
+	}
+
+	const setAddress = (res) => {
+		//经纬度信息
+		form.latitude = res.latitude
+		form.longitude = res.longitude
+
+		if (!res.address && res.name) { //用户直接选择城市的逻辑
+			return form.area = res.name
+		}
+		if (res.address || res.name) {
+			return form.area = res.address + res.name
+		}
+		form.area = '' //用户啥都没选就点击勾选
+	}
+
+	const selectAddr = () => {
+		console.log('--selectAddr')
+		uni.chooseLocation({
+			success: function(res) {
+				setAddress(res)
+			}
+		})
+	}
+
 	const onClick = () => {
 		// todo
 	}
@@ -189,12 +194,18 @@
 
 <style lang="scss" scoped>
 	.chat {
-		width: 96rpx;
 		position: fixed;
 		right: 20rpx;
 		bottom: 400rpx;
 		z-index: 9999;
-		background-color: #fff;
+		border: none;
+		padding: 0;
+		width: 97rpx;
+		height: auto;
+
+		image {
+			width: 100%;
+		}
 	}
 
 	.line {
@@ -356,4 +367,8 @@
 			}
 		}
 	}
+
+	.highlight {
+		color: #FFBF60;
+	}
 </style>
\ No newline at end of file
diff --git a/otherPages/authentication/list/index.vue b/otherPages/authentication/list/index.vue
index 345d42c..e32bb06 100644
--- a/otherPages/authentication/list/index.vue
+++ b/otherPages/authentication/list/index.vue
@@ -84,6 +84,8 @@
 
 <script setup>
 	import { ref, reactive } from "vue";
+	import { ossUpload } from '@/utils/oss-upload/oss/index.js'
+
 	import dForm from "@/components/dForm/index.vue"
 	import stepProgress from '../components/stepProgress.vue';
 
@@ -175,9 +177,16 @@
 			value: 4,
 		},
 	]
-	const afterRead = () => {
-		// todo
-	}
+	const afterRead = (event) => {
+		event.file.forEach(n => {
+			ossUpload(n.url)
+				.then(url => {
+					licenseData.fileList.push({
+						url
+					})
+				})
+		})
+	};
 	const deletePic = (event) => {
 		licenseData.fileList.splice(event.index, 1);
 	};
diff --git a/otherPages/myOrdersManage/bond/detail.vue b/otherPages/myOrdersManage/bond/detail.vue
index 4d902e7..1a6aa05 100644
--- a/otherPages/myOrdersManage/bond/detail.vue
+++ b/otherPages/myOrdersManage/bond/detail.vue
@@ -2,37 +2,85 @@
 	<!-- <div>保证金明细</div> -->
 	<view class="box">
 		<view class="top flex" :style="{ borderRadius: '31.5rpx' }">
-			<view class="income flex element" :style="{ borderRadius: '31.5rpx' }">
-				收入明细
-			</view>
-			<view class="income flex element" :style="{ borderRadius: '31.5rpx' }">
-				支出明细
+			<view 
+				class="income flex element" 
+				v-for="(tab, tIdx) in tabs"
+				:key="`tab-${tIdx}`"
+				:class="[queryParams.status === tab.value ? 'is-active' : '']" 
+			>
+				{{ tab.title }}
 			</view>
 		</view>
-		<view class="Recharge flex">
-			<view class="flex">
-				<image src="https://img1.baidu.com/it/u=3034232350,1041791648&fm=253&fmt=auto&app=138&f=PNG?w=500&h=500"
-					mode=""></image>
-				<view class="text1">
-					<view class="text2">
-						押金充值
-					</view>
-					<view>
-						2020-12-29 12:54:54
+		<view>
+			<view class="Recharge flex"
+				v-for="(item, index) in list"
+				:key="`record-${index}`"
+			>
+				<view class="flex">
+					<image src="https://img1.baidu.com/it/u=3034232350,1041791648&fm=253&fmt=auto&app=138&f=PNG?w=500&h=500"
+						mode=""></image>
+					<view class="text1">
+						<view class="text2">
+							{{ item.title }}
+						</view>
+						<view>
+							{{ item.createTime }}
+						</view>
 					</view>
 				</view>
-			</view>
-			<view class="text3">
-				¥200
+				<view class="text3">
+					{{ `¥${item.price}` }}
+				</view>
 			</view>
 		</view>
 	</view>
 </template>
 
-<script>
+<script setup>
+import { reactive } from 'vue'
+import { onShow } from '@dcloudio/uni-app'
+import { usePageList } from "@/utils/pageList";
+
+const tabs = reactive([
+	{
+		title: '收入明细',
+		value: '0',
+	},
+	{
+		title: '支出明细',
+		value: '1',
+	},
+])
+
+// todo
+const { queryParams, list, total, getData } = usePageList()
+
+onShow(() => {
+	list.value = [
+		{
+			title: '提现',
+			price: 168,
+			status: '1',
+			createTime: '2020-12-29 12:54:54'
+		},
+		{
+			title: '提现',
+			price: 168,
+			status: '1',
+			createTime: '2020-12-29 12:54:54'
+		},
+		{
+			title: '提现',
+			price: 168,
+			status: '1',
+			createTime: '2020-12-29 12:54:54'
+		},
+	]
+})
+
 </script>
 
-<style>
+<style lang="scss" scoped>
 	.box {
 		width: 750rpx;
 		height: 1452rpx;
@@ -47,10 +95,13 @@
 		background-color: #F3F3F3;
 	}
 
-	.element:hover {
+	.element {
+		border-radius: 32rpx;
 
-		background-color: #FFBF60;
-		color: white;
+		&.is-active {
+			background-color: #FFBF60;
+			color: white;
+		}
 	}
 
 	.income {
@@ -64,9 +115,10 @@
 
 
 	.Recharge {
-		padding: 3% 3% 0 2%;
+		padding: 20rpx 0;
 		box-sizing: border-box;
 		justify-content: space-between;
+		border-bottom: 1rpx solid #E0E0E0;
 	}
 
 	.flex {
diff --git a/otherPages/myOrdersManage/bond/index.vue b/otherPages/myOrdersManage/bond/index.vue
index 0976609..e6308a3 100644
--- a/otherPages/myOrdersManage/bond/index.vue
+++ b/otherPages/myOrdersManage/bond/index.vue
@@ -7,10 +7,10 @@
 					账户总览
 				</view>
 				<view class="level text4">
-					<view>
+					<view @click="jumpToDetail">
 						资金明细
 					</view>
-					<view class="line">
+					<view @click="jumpToRefund" class="line">
 						申请退还
 					</view>
 				</view>
@@ -18,9 +18,9 @@
 			<view class="level Recharge">
 				<view class="money level">
 					<text>¥</text>
-					<input type="text" />
+					<input v-model="money" type="text" />
 				</view>
-				<view class="text2" :style="{ borderRadius: '23.5rpx' }">
+				<view class="text2" :style="{ borderRadius: '23.5rpx' }" @click="onPay">
 					去充值
 				</view>
 			</view>
@@ -41,7 +41,27 @@
 
 </template>
 
-<script>
+<script setup>
+	import { ref } from 'vue'
+
+	const money = ref()
+
+	const jumpToDetail = () => {
+		uni.navigateTo({
+			url: "/otherPages/myOrdersManage/bond/detail"
+		})
+	}
+
+	const jumpToRefund = () => {
+		uni.navigateTo({
+			url: "/otherPages/myOrdersManage/bond/refund"
+		})
+	}
+
+	const onPay = () => {
+		// todo: wx pay
+	}
+
 </script>
 
 <style scoped lang="scss">
diff --git a/otherPages/myOrdersManage/detail/index.vue b/otherPages/myOrdersManage/bond/refund.vue
similarity index 69%
rename from otherPages/myOrdersManage/detail/index.vue
rename to otherPages/myOrdersManage/bond/refund.vue
index 0bf419c..5a38269 100644
--- a/otherPages/myOrdersManage/detail/index.vue
+++ b/otherPages/myOrdersManage/bond/refund.vue
@@ -6,22 +6,11 @@
 				<view class="">
 					账户总览
 				</view>
-				<view class="level text2">
-					<view>
-						资金明细
-					</view>
-					<view class="line">
-						申请退还
-					</view>
-				</view>
 			</view>
 			<view class="level Recharge">
 				<view class="money level">
 					<text>¥</text>
-					<input type="text" />
-				</view>
-				<view class="text3" :style="{ borderRadius: '23.5rpx' }">
-					去充值
+					<input v-model="money" type="text" />
 				</view>
 			</view>
 		</view>
@@ -47,37 +36,54 @@
 				《履约保证金&认证费协议》
 			</view>
 		</view>
-		<view class="buttom level" :style="{ borderRadius: '41rpx' }">
+		<view class="buttom level" :style="{ borderRadius: '41rpx' }" @click="onRefund">
 			<text>退还并注销伴宠师</text>
 		</view>
-		<!-- <up-popup :show="show" mode="top" @close="close" @open="open">
-			<view>
-				<text>人生若只如初见，何事秋风悲画扇</text>
+
+		<up-popup 
+			:show="popupVisible"
+			mode="center" 
+			bgColor="transparent"
+			@close="onPopupClose" 
+		>
+			<view class="popup">
+				<image class="popup-bg" src="../static/bond/bg-popup.png"></image>
+
+				<view class="flex-colc popup-content">
+					<text>您已申请退还，请联系服务顾问</text>
+
+					<image class="qr" :src="qrCodeImage" mode="widthFix"></image>
+				</view>
+
+				<view class="btn-close" @click="popupVisible = false">
+					<up-icon name="close-circle-fill" color="#ffffff" size="60rpx"></up-icon>
+				</view>
 			</view>
-		</up-popup> -->
+		</up-popup>
 	</view>
 </template>
 
 <script setup>
-	// import {
-	// 	ref
-	// } from 'vue';
-
-	// // 创建响应式数据  
-	// const show = ref(false);
-
-	// // 定义方法  
-	// function open() {
-	// 	// 打开逻辑，比如设置 show 为 true  
-	// 	show.value = true;
-	// 	// console.log('open');  
-	// }
-
-	// function close() {
-	// 	// 关闭逻辑，设置 show 为 false  
-	// 	show.value = false;
-	// 	// console.log('close');  
-	// }
+	import { ref } from 'vue'
+
+	const money = ref()
+	const qrCodeImage = ref()
+
+	const popupVisible = ref(false)
+
+	const onPopupClose = () => {
+		uni.reLaunch({
+			 url: '/pages/workbenchManage/index'
+		})
+	}
+
+	
+	const onRefund = () => {
+		// todo: subimt refund and fetch qrcode and open popup 
+
+		popupVisible.value = true
+	}
+
 </script>
 
 <style scoped lang="scss">
@@ -200,4 +206,40 @@
 		color: #FFFFFF;
 		font-size: 30rpx;
 	}
+
+	.popup {
+		width: 632rpx;
+		height: 835rpx;
+		position: relative;
+
+		&-bg,
+		&-content {
+			width: 100%;
+			height: 100%;
+		}
+
+		&-content {
+			position: absolute;
+			top: 0;
+			left: 0;
+
+			padding-top: 276rpx;
+			box-sizing: border-box;
+			color: #707070;
+			font-size: 28rpx;
+			line-height: 37rpx;
+
+			.qr {
+				margin-top: 89rpx;
+				width: 307rpx;
+				height: auto;
+			}
+		}
+
+		.btn-close {
+			position: absolute;
+			top: -27rpx;
+			right: -13rpx;
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/otherPages/myOrdersManage/static/bond/bg-popup.png b/otherPages/myOrdersManage/static/bond/bg-popup.png
new file mode 100644
index 0000000000000000000000000000000000000000..654d8b974224bd94549c0f1ab4e7dfe3f78491a8
GIT binary patch
literal 18447
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
ZlisPX!*;*se!~ynh4Xe6`RCk!|36Ctxb*-4

literal 0
HcmV?d00001

diff --git a/pages.json b/pages.json
index d2fe40e..ccfaa1e 100644
--- a/pages.json
+++ b/pages.json
@@ -208,14 +208,14 @@
 						"navigationBarTitleText": "保证金"
 					}
 				}, {
-					"path": "withdrawal/index",
+					"path": "bond/refund",
 					"style": {
-						"navigationBarTitleText": "提现"
+						"navigationBarTitleText": "保证金退还"
 					}
 				}, {
-					"path": "detail/index",
+					"path": "withdrawal/index",
 					"style": {
-						"navigationBarTitleText": "保证金退还"
+						"navigationBarTitleText": "提现"
 					}
 				}, {
 					"path": "transaction/index",