对接在线报修接口

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

@@ -57,10 +57,11 @@
 <script setup>
 import { ref } from 'vue'
 import{onLoad} from "@dcloudio/uni-app"
-// import { onLoad, uniShowToast, uniNavigateBack, uniChooseImage, uniUploadFile } from '@dcloudio/uni-app'
+import { addQueryRepair, uploadFile } from '../api/api.js'
 
 // 接收上个页面传的维修项目
 const repairProject = ref('')
+const projectId = ref('')
 
 // 表单数据
 const form = ref({
@@ -75,6 +76,9 @@ onLoad((options) => {
   if (options.category && options.project) {
     repairProject.value = `${options.category}-${options.project}`
   }
+  if (options.projectId) {
+    projectId.value = options.projectId
+  }
 })
 
 // 返回选择项目页
@@ -98,17 +102,6 @@ const chooseImage = () => {
       const tempFilePaths = res.tempFilePaths
       form.value.images = [...form.value.images, ...tempFilePaths]
       
-      // 【可选】如果需要上传到服务器，取消下面注释
-      // tempFilePaths.forEach(path => {
-      //   uni.uploadFile({
-      //     url: '你的上传接口地址',
-      //     filePath: path,
-      //     name: 'file',
-      //     success: (uploadRes) => {
-      //       console.log('上传成功', uploadRes)
-      //     }
-      //   })
-      // })
     }
   })
 }
@@ -118,8 +111,27 @@ 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 (!repairProject.value) {
     uni.showToast({ title: '请选择维修项目', icon: 'none' })
@@ -138,19 +150,49 @@ 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,
+	  maintenanceItemId:projectId.value,
+      title: form.value.title,
+      problem: form.value.desc,
+	  residentId:userId,//人员id
+      // repairTypeName: repairProject.value,
+      phone: form.value.phone,
+      problemImageUrl: imageUrls.join(','),
+	  projectType: '0',
+	  problemStatus:''
+    }
+
+    const res = await addQueryRepair(params)
+    if (res.code === 200) {
+      uni.showToast({ title: '提交成功', icon: 'success' })
+      form.value = { title: '', desc: '', phone: '', images: [] }
+      repairProject.value = ''
+      // uni.navigateBack({ delta: 2 })
+	  uni.navigateTo({
+	  	url:'/pageSubPack/online-repair/onlineRepair'
+	  })
+    } 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: '', images: [] }
-    // 或返回上一页
-    uni.navigateBack({ delta: 3 })
-  }, 1000)
+  }
 }
 </script>