对接在线报修接口

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

@@ -17,7 +17,7 @@
           v-for="item in categoryList" 
           :key="item.id"
         >
-          {{ item.name }}
+          {{ item.projectName }}
         </view>
       </scroll-view>
 
@@ -30,7 +30,7 @@
           v-for="item in currentProjectList" 
           :key="item.id"
         >
-          {{ item.name }}
+          {{ item.projectName }}
         </view>
       </scroll-view>
     </view>
@@ -42,39 +42,50 @@
 
 <script setup>
 import { ref, computed } from 'vue'
-// import { uniShowToast, uniNavigateBack } 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: '电路' },
-  { id: 3, name: '水暖' },
-  { id: 4, name: '门频' },
-  { id: 5, name: '电器' }
-])
+// 分类列表
+const categoryList = ref([])
 
-// 项目列表（匹配截图：床/沙发/柜子/椅子等）
-const projectList = ref([
-  { id: 101, categoryId: 1, name: '床' },
-  { id: 102, categoryId: 1, name: '沙发' },
-  { id: 103, categoryId: 1, name: '柜子' },
-  { id: 104, categoryId: 1, name: '椅子' },
-  { id: 201, categoryId: 2, name: '插座' },
-  { id: 202, categoryId: 2, name: '开关' },
-  { id: 301, categoryId: 3, name: '水龙头' },
-  { id: 302, categoryId: 3, name: '水管' }
-])
+// 项目列表
+const projectList = ref([])
 
 // 选中状态
-const activeCategory = ref(1) // 默认选中家具
+const activeCategory = ref(1)
 const selectedProject = ref({}) // 选中的项目
 const searchKey = ref('')
 
+// 从接口获取个人报修项目列表
+const fetchProjectList = async () => {
+  try {
+    const res = await getRepairProjectList({ projectType: '1' })
+    if (res.code === 200) {
+      const data = res.data || []
+      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 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
 })
@@ -98,10 +109,10 @@ const confirmSelect = () => {
   }
   
   // 获取分类名称
-  const categoryName = categoryList.value.find(c => c.id === activeCategory.value).name
+  const categoryName = categoryList.value.find(c => c.id === activeCategory.value).projectName
   // 传递给表单页
   uni.$emit('selectProject', {
-    name: `${categoryName}-${selectedProject.value.name}`
+    name: `${categoryName}-${selectedProject.value.projectName}`
   })
   
   uni.navigateBack({ delta: 1 })