From e414d3f9792ab84db6c7bed32d6bb1a0207bde7a Mon Sep 17 00:00:00 2001
From: Suk1No <674874220@qq.com>
Date: Tue, 19 Aug 2025 18:04:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=9C=B0=E5=9D=80=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 order-app/src/api/user.js               |  4 ++
 order-app/src/pages/address/address.vue | 56 ++++++++++++++++---------
 2 files changed, 40 insertions(+), 20 deletions(-)

diff --git a/order-app/src/api/user.js b/order-app/src/api/user.js
index afb8832..a5454aa 100644
--- a/order-app/src/api/user.js
+++ b/order-app/src/api/user.js
@@ -45,4 +45,8 @@ export const userLogin = async () => {
 		uni.setStorageSync('openid', data.openid)
 		uni.setStorageSync('sessionkey', data.sessionKey)
 	}
+}
+//新增地址
+export const addAddressApi = (parm) => {
+	return http.post("/wxapi/address", parm)
 }
\ No newline at end of file
diff --git a/order-app/src/pages/address/address.vue b/order-app/src/pages/address/address.vue
index 4845d67..2fe4f22 100644
--- a/order-app/src/pages/address/address.vue
+++ b/order-app/src/pages/address/address.vue
@@ -2,23 +2,22 @@
 	<view class="wrap">
 		<view class="top">
 			<view class="item">
-				<view class="left">收货人:</view>
-				<input type="text" placeholder-class="line" placeholder="请填写收货人姓名" />
+				<view class="left">收货人</view>
+				<input type="text" v-model="address.userName" placeholder-class="line" placeholder="请填写收货人姓名" />
 			</view>
 			<view class="item">
-				<view class="left">手机号码:</view>
-				<input type="text" placeholder-class="line" placeholder="请填写收货人手机号" />
+				<view class="left">手机号码</view>
+				<input type="text" v-model="address.phone" placeholder-class="line" placeholder="请填写收货人手机号" />
 			</view>
 			<view class="item" @confirm='confirm' @tap="showRegionPicker">
 				<view class="left">所在地区:</view>
-				<input disabled style="width: 100%;" v-model="finalAddress" type="text" :placeholder-class="line"
+				<input disabled style="width: 100%;" v-model="address.area" type="text" :placeholder-class="line"
 					placeholder="省市区县、乡镇等" />
 			</view>
 			<view class="item address">
-				<view class="left">详细地址:</view>
-				<textarea type="text" placeholder-class="line" placeholder="街道、楼牌等" />
+				<view class="left">详细地址</view>
+				<textarea type="text" v-model="address.address" placeholder-class="line" placeholder="街道、楼牌等" />
 			</view>
-
 		</view>
 		<view class="bottom">
 			<view class="default">
@@ -32,7 +31,7 @@
 			</view>
 		</view>
 		<u-picker v-model="show" mode="region" ref="uPicker" @confirm="confirm"></u-picker>
-		<u-button :custom-style="customStyle" type="warning">提交</u-button>
+		<u-button @click="addBtn" :custom-style="customStyle" type="warning">提交</u-button>
 	</view>
 </template>
 
@@ -41,25 +40,42 @@
 		reactive,
 		ref
 	} from 'vue'
+	import {
+		addAddressApi
+	} from '../../api/user.js'
+	const show = ref(false)
+	const finalAddress = ref('')
 	const customStyle = reactive({
 		margin: '20px', // 注意驼峰命名，并且值必须用引号包括，因为这是对象
 	})
-	const finalAddress = ref('')
-	const show = ref(false)
-
-	const setDefault = () => {}
-
+	const setDefault = (dom) => {
+		console.log(dom)
+		//设置默认地址
+		dom.detail.value ? address.status = '1' : address.status = '0'
+	}
 	const showRegionPicker = () => {
-		show.value = true;
+		show.value = true
 	}
-
 	const confirm = (e) => {
 		console.log(e)
-		finalAddress.value = e.province.name + '/' + e.city.name + '/' + e.area.name
-		console.log(finalAddress.value)
+		address.area = e.province.name + '/' + e.city.name + '/' + e.area.name
+		console.log(address.area)
 	}
-	const changeAddress = () => {
-
+	//表单绑定的数据
+	const address = reactive({
+		addressId: '',
+		openid: uni.getStorageSync('openid'),
+		userName: "",
+		phone: '',
+		area: '',
+		address: '',
+		status: '0'
+	})
+	//提交
+	const addBtn = async () => {
+		console.log(address)
+		let res = await addAddressApi(address)
+		console.log(res)
 	}
 </script>