对接在线报修接口

property-uniapp-project/pageSubPack/online-repair/personalRepair.vue

@@ -5,7 +5,7 @@
       <text class="label">报修房屋</text>
       <view class="value" @click="goToSelectHouse">
         {{ houseName || '请选择房屋' }}
-        <text class="switch" v-if="houseName">切换</text>
+        <!-- <text class="switch" v-if="houseName">切换</text> -->
         <uni-icons type="arrowright" size="16"></uni-icons>
       </view>
     </view>
@@ -145,13 +145,15 @@
 
 <script setup>
 import { ref,computed,onMounted} from 'vue'
-import { 
-	onLoad, onUnload 
+import {
+	onLoad, onUnload
 } from '@dcloudio/uni-app'
+import { addQueryRepair, uploadFile } from '../api/api.js'
 import moment from 'moment/moment'
 
 // 选中的房屋/项目名称
 const houseName = ref('')
+const houseId = ref('')
 const projectName = ref('')
 
 // 表单数据
@@ -159,7 +161,7 @@ const form = ref({
   title: '',
   desc: '',
   phone: '',
-  datetime: '2023-08-01 15:30', // 默认时间（匹配截图）
+  datetime: '', // 默认时间
   images: []
 })
 
@@ -167,7 +169,7 @@ const form = ref({
 const timePopupRef = ref(null)
 // 初始时间（）
 const selectedTime = ref(moment().hour(9).minute(30).second(0));
-// 选择的时间（弹窗中预览）
+// 选择的时间
 const tempTime = ref(moment().hour(9).minute(30).second(0));
 
 // ========== 时间选择列数据 ==========
@@ -240,6 +242,8 @@ const confirmTime = () => {
   // 拼接选中的时间
   const selectedDateTime = `${selectedDate.value} ${selectedHour.value}:${selectedMinute.value}`;
   selectedTime.value = moment(selectedDateTime, 'YYYY-MM-DD HH:mm');
+   // 给表单赋值
+    form.value.datetime = selectedTime.value.format('YYYY-MM-DD HH:mm')
   // 关闭弹窗
   closeTimePopup();
   
@@ -332,6 +336,7 @@ onLoad(() => {
   // 监听选择房屋事件
   uni.$on('selectHouse', (data) => {
     houseName.value = data.name
+    houseId.value = data.id
   })
   // 监听选择维修项目事件
   uni.$on('selectProject', (data) => {
@@ -348,7 +353,7 @@ onUnload(() => {
 // 跳转到选择房屋页
 const goToSelectHouse = () => {
   uni.navigateTo({
-    url: '/pageSubPack/online-repair/selectHouse'
+    url: `/pageSubPack/online-repair/selectHouse?houseId=${houseId.value}`
   })
 }
 
@@ -398,8 +403,26 @@ const deleteImage = (index) => {
   form.value.images.splice(index, 1)
 }
 
+// 上传图片到服务器
+const uploadImages = async () => {
+  const uploadedUrls = []
+  for (const path of form.value.images) {
+    if (path.startsWith('http')) {
+      uploadedUrls.push(path)
+      continue
+    }
+    try {
+      const res = await uploadFile(path)
+      uploadedUrls.push(res.data || res.msg || '')
+    } catch (e) {
+      console.error('图片上传失败', e)
+    }
+  }
+  return uploadedUrls
+}
+
 // 表单提交
-const submitForm = () => {
+const submitForm = async () => {
   // 校验
   if (!houseName.value) {
     uni.showToast({ title: '请选择报修房屋', icon: 'none' })
@@ -426,16 +449,46 @@ const submitForm = () => {
     return
   }
 
-  // 提交逻辑（替换为你的接口）
+  const villageId = uni.getStorageSync('currentVillageId')
+  if (!villageId || villageId === '0') {
+    uni.showToast({ title: '请先选择小区', icon: 'none' })
+    return
+  }
+
   uni.showLoading({ title: '提交中...' })
-  setTimeout(() => {
+  try {
+    const imageUrls = await uploadImages()
+	const userId = uni.getStorageSync('userId')
+
+    const params = {
+		villageId,
+		houseId: houseId.value,
+		maintenanceItemId: projectId.value,
+		title: form.value.title,
+		problem: form.value.desc,
+		residentId: userId,
+		orderDate: form.value.datetime,
+		phone: form.value.phone,
+		problemImageUrl: imageUrls.join(','),
+		projectType: '1',
+		problemStatus: ''
+    }
+
+    const res = await addQueryRepair(params)
+    if (res.code === 200) {
+      uni.showToast({ title: '提交成功', icon: 'success' })
+      form.value = { title: '', desc: '', phone: '', datetime: '', images: [] }
+      houseName.value = ''
+      projectName.value = ''
+      uni.navigateBack({ delta: 1 })
+    } else {
+      uni.showToast({ title: res.msg || '提交失败', icon: 'none' })
+    }
+  } catch (e) {
+    uni.showToast({ title: '网络异常', icon: 'none' })
+  } finally {
     uni.hideLoading()
-    uni.showToast({ title: '提交成功', icon: 'success' })
-    // 重置表单
-    // form.value = { title: '', desc: '', phone: '', datetime: '', images: [] }
-    // houseName.value = ''
-    // projectName.value = ''
-  }, 1000)
+  }
 }
 </script>