对接在线报修接口

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

@@ -17,7 +17,7 @@
           v-for="item in categoryList" 
           :key="item.id"
         >
-          {{ item.name }}
+          {{ item.projectName }}
         </view>
       </scroll-view>
 
@@ -29,7 +29,7 @@
           v-for="item in currentProjectList" 
           :key="item.id"
         >
-          {{ item.name }}
+          {{ item.projectName }}
         </view>
       </scroll-view>
     </view>
@@ -38,24 +38,43 @@
 
 <script setup>
 import { ref, computed } from 'vue'
-// import { uniNavigateTo } from '@dcloudio/uni-app'
+import { onLoad } from '@dcloudio/uni-app'
+import { getRepairProjectList } from '../api/api.js'
 
 // 分类列表
-const categoryList = ref([
-  { id: 1, name: '基础设施' },
-  { id: 2, name: '电子设施' }
-])
+const categoryList = ref([])
 
 // 所有项目数据
-const projectList = ref([
-  { id: 101, categoryId: 1, name: '路灯' },
-  { id: 102, categoryId: 1, name: '楼层指示灯' },
-  { id: 103, categoryId: 2, name: '应急出口灯' },
-  { id: 104, categoryId: 1, name: '草坪灯' }
-])
+const projectList = ref([])
 
 // 选中的分类
 const activeCategory = ref(1)
+
+// 从接口获取维修项目列表
+const fetchProjectList = async () => {
+  try {
+    const res = await getRepairProjectList({ projectType: '0' })
+    if (res.code === 200) {
+      const data = res.data || []
+      // 兼容后端嵌套格式 [{id, name, children: [{id, name}]}]
+      categoryList.value = data.map(item => ({ id: item.id, projectName: item.projectName }))
+      projectList.value = data.flatMap(item =>
+        (item.children || []).map(child => ({
+          id: child.id,
+          categoryId: item.id,
+          projectName: child.projectName
+        }))
+      )
+      activeCategory.value = categoryList.value[0]?.id || 1
+    }
+  } catch (e) {
+    uni.showToast({ title: '获取项目列表失败', icon: 'none' })
+  }
+}
+
+onLoad(() => {
+  fetchProjectList()
+})
 // 搜索关键词
 const searchKey = ref('')
 
@@ -63,7 +82,7 @@ const searchKey = ref('')
 const currentProjectList = computed(() => {
   let list = projectList.value.filter(item => item.categoryId === activeCategory.value)
   if (searchKey.value) {
-    list = list.filter(item => item.name.includes(searchKey.value))
+    list = list.filter(item => item.projectName.includes(searchKey.value))
   }
   return list
 })
@@ -76,10 +95,10 @@ const selectCategory = (item) => {
 // 选择项目并跳转到维修项目填写页
 const selectProject = (item) => {
   // 获取分类名称
-  const categoryName = categoryList.value.find(c => c.id === item.categoryId)?.name
+  const categoryName = categoryList.value.find(c => c.id === item.categoryId)?.projectName
   // 跳转并传参
   uni.navigateTo({
-    url: `/pageSubPack/online-repair/publicRepair?category=${categoryName}&project=${item.name}`
+    url: `/pageSubPack/online-repair/publicRepair?category=${categoryName}&project=${item.projectName}&projectId=${item.id}`
   })
 }
 </script>