From 1052554200c27d3ebb8fef826a9e3023f9886541 Mon Sep 17 00:00:00 2001
From: 王彪总 <thisjava@163.com>
Date: Sun, 17 May 2026 17:19:01 +0800
Subject: [PATCH] feat(map): 替换腾讯地图为高德地图并优化检查点功能

---
 .claude/settings.local.json            |  15 +++++++++++++++
 src/api/property/propertyApi.js        |  48 ++++++++++++++++++++++++++++++++++++++++++++++++
 src/router/propertyRouter.js           |  47 +++++++++++++++++++++++++++++++++++++++++++++++
 src/views/property/AttendanceView.vue  | 141 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/property/CleaningView.vue    | 120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/property/PatrolView.vue      | 120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/property/RepairOrderView.vue | 196 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/property/StaffView.vue       |  83 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/property/TrackView.vue       | 261 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 9 files changed, 1031 insertions(+), 0 deletions(-)
 create mode 100644 .claude/settings.local.json
 create mode 100644 src/api/property/propertyApi.js
 create mode 100644 src/router/propertyRouter.js
 create mode 100644 src/views/property/AttendanceView.vue
 create mode 100644 src/views/property/CleaningView.vue
 create mode 100644 src/views/property/PatrolView.vue
 create mode 100644 src/views/property/RepairOrderView.vue
 create mode 100644 src/views/property/StaffView.vue
 create mode 100644 src/views/property/TrackView.vue

diff --git a/.claude/settings.local.json b/.claude/settings.local.json
new file mode 100644
index 0000000..0c6add7
--- /dev/null
+++ b/.claude/settings.local.json
@@ -0,0 +1,15 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(node -e \"console.log\\(require\\('@vue/babel-preset-app/package.json'\\).version\\)\")",
+      "Bash(node *)",
+      "Bash(npm ls *)",
+      "Bash(npx vue-cli-service *)",
+      "Bash(curl -sI \"https://webapi.amap.com/maps?v=2.0&key=3239bc04f77a5c89b2b5e628da96b6ed\")",
+      "Bash(curl -sI \"https://webapi.amap.com/maps?v=1.4.15&key=3239bc04f77a5c89b2b5e628da96b6ed\")",
+      "Bash(npm run *)",
+      "Read(//Users/wangbiao/.claude/**)",
+      "Read(//Users/wangbiao/.claude/plugins/**)"
+    ]
+  }
+}
diff --git a/src/api/property/propertyApi.js b/src/api/property/propertyApi.js
new file mode 100644
index 0000000..e9dfb97
--- /dev/null
+++ b/src/api/property/propertyApi.js
@@ -0,0 +1,48 @@
+import request from '@/utils/request'
+
+// 物业人员管理 API
+
+/** 人员列表查询 */
+export function queryPropertyUsers(params) {
+  return request({ url: '/app/property.queryUsers', method: 'post', data: params })
+}
+
+/** 轨迹查询 */
+export function queryLocationTracks(params) {
+  return request({ url: '/app/property.queryLocationTracks', method: 'post', data: params })
+}
+
+/** 打卡记录查询 */
+export function queryAttendanceRecords(params) {
+  return request({ url: '/app/property.queryAttendanceRecords', method: 'post', data: params })
+}
+
+/** 巡更记录查询 */
+export function queryPatrolRecords(params) {
+  return request({ url: '/app/property.queryPatrolRecords', method: 'post', data: params })
+}
+
+/** 保洁记录查询 */
+export function queryCleaningRecords(params) {
+  return request({ url: '/app/property.queryCleaningRecords', method: 'post', data: params })
+}
+
+/** 工单查询 */
+export function queryRepairOrders(params) {
+  return request({ url: '/app/property.queryRepairOrders', method: 'post', data: params })
+}
+
+/** 更新工单状态 */
+export function updateRepairStatus(params) {
+  return request({ url: '/app/property.updateRepairStatus', method: 'post', data: params })
+}
+
+/** 消息通知查询 */
+export function queryMessages(params) {
+  return request({ url: '/app/property.queryMessages', method: 'post', data: params })
+}
+
+/** 标记消息已读 */
+export function readMessage(params) {
+  return request({ url: '/app/property.readMessage', method: 'post', data: params })
+}
diff --git a/src/router/propertyRouter.js b/src/router/propertyRouter.js
new file mode 100644
index 0000000..72629b3
--- /dev/null
+++ b/src/router/propertyRouter.js
@@ -0,0 +1,47 @@
+/**
+ * 物业人员管理路由配置
+ */
+export default [
+  {
+    path: '/property/track',
+    name: 'propertyTrack',
+    component: () => import('@/views/property/TrackView.vue'),
+    meta: { title: '轨迹监控', icon: 'el-icon-map-location' }
+  },
+  {
+    path: '/property/staff',
+    name: 'propertyStaff',
+    component: () => import('@/views/property/StaffView.vue'),
+    meta: { title: '人员管理', icon: 'el-icon-user' }
+  },
+  {
+    path: '/property/attendance',
+    name: 'propertyAttendance',
+    component: () => import('@/views/property/AttendanceView.vue'),
+    meta: { title: '打卡管理', icon: 'el-icon-time' }
+  },
+  {
+    path: '/property/patrol',
+    name: 'propertyPatrol',
+    component: () => import('@/views/property/PatrolView.vue'),
+    meta: { title: '巡更记录', icon: 'el-icon-warning' }
+  },
+  {
+    path: '/property/cleaning',
+    name: 'propertyCleaning',
+    component: () => import('@/views/property/CleaningView.vue'),
+    meta: { title: '保洁记录', icon: 'el-icon-brush' }
+  },
+  {
+    path: '/property/repair',
+    name: 'propertyRepair',
+    component: () => import('@/views/property/RepairOrderView.vue'),
+    meta: { title: '工单列表', icon: 'el-icon-s-tools' }
+  },
+  {
+    path: '/property/submitRepair',
+    name: 'propertySubmitRepair',
+    component: () => import('@/views/property/RepairOrderView.vue'),
+    meta: { title: '提交工单', icon: 'el-icon-s-tools' }
+  }
+]
diff --git a/src/views/property/AttendanceView.vue b/src/views/property/AttendanceView.vue
new file mode 100644
index 0000000..f6dfbc0
--- /dev/null
+++ b/src/views/property/AttendanceView.vue
@@ -0,0 +1,141 @@
+<template>
+  <div class="attendance-container">
+    <el-card shadow="never" class="search-card">
+      <el-form :inline="true" :model="searchForm" size="small">
+        <el-form-item label="工种">
+          <el-select v-model="searchForm.workType" placeholder="全部工种" clearable>
+            <el-option label="保洁" value="CLEANING" />
+            <el-option label="保安" value="SECURITY" />
+            <el-option label="工程维修" value="ENGINEERING" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="人员">
+          <el-select v-model="searchForm.userId" placeholder="全部人员" filterable clearable>
+            <el-option v-for="user in userList" :key="user.user_id"
+                       :label="user.name" :value="user.user_id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="打卡类型">
+          <el-select v-model="searchForm.punchType" placeholder="全部" clearable>
+            <el-option label="上班" value="ON" />
+            <el-option label="下班" value="OFF" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="时间范围">
+          <el-date-picker v-model="dateRange" type="datetimerange"
+                          range-separator="至" start-placeholder="开始" end-placeholder="结束"
+                          format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch" icon="el-icon-search">查询</el-button>
+          <el-button @click="handleExport" icon="el-icon-download">导出</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card shadow="never">
+      <div slot="header"><span>打卡记录</span></div>
+      <el-table :data="tableData" border stripe size="small" v-loading="loading">
+        <el-table-column prop="user_name" label="姓名" width="100" />
+        <el-table-column prop="work_type" label="工种" width="100">
+          <template slot-scope="scope">{{ workTypeLabel(scope.row.work_type) }}</template>
+        </el-table-column>
+        <el-table-column prop="punch_type" label="打卡类型" width="100">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.punch_type === 'ON' ? 'success' : 'warning'" size="small">
+              {{ scope.row.punch_type === 'ON' ? '上班' : '下班' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="punch_time" label="打卡时间" width="180" />
+        <el-table-column prop="punch_address" label="打卡地点" min-width="200" />
+        <el-table-column prop="longitude" label="经度" width="120" />
+        <el-table-column prop="latitude" label="纬度" width="120" />
+      </el-table>
+      <el-pagination
+        style="margin-top: 16px; text-align: right;"
+        @size-change="handleSizeChange" @current-change="handlePageChange"
+        :current-page="pagination.page" :page-sizes="[10, 20, 50, 100]"
+        :page-size="pagination.row" :total="pagination.total"
+        layout="total, sizes, prev, pager, next, jumper" />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { queryAttendanceRecords } from '@/api/property/propertyApi'
+import { queryPropertyUsers } from '@/api/property/propertyApi'
+
+export default {
+  name: 'AttendanceView',
+  data() {
+    return {
+      searchForm: { workType: '', userId: '', punchType: '' },
+      dateRange: [],
+      userList: [],
+      tableData: [],
+      loading: false,
+      pagination: { page: 1, row: 20, total: 0 }
+    }
+  },
+  mounted() { this.loadUserList(); this.handleSearch() },
+  methods: {
+    workTypeLabel(type) {
+      const map = { CLEANING: '保洁', SECURITY: '保安', ENGINEERING: '工程维修' }
+      return map[type] || type
+    },
+    async loadUserList() {
+      try {
+        const res = await queryPropertyUsers({ page: 1, row: 200 })
+        this.userList = res.data && res.data.data || []
+      } catch (e) { console.error(e) }
+    },
+    async handleSearch() {
+      this.loading = true
+      try {
+        const params = {
+          page: this.pagination.page,
+          row: this.pagination.row,
+          ...this.searchForm
+        }
+        // 移除空值
+        Object.keys(params).forEach(k => { if (!params[k]) delete params[k] })
+        if (this.dateRange && this.dateRange.length === 2) {
+          params.startTime = this.dateRange[0]
+          params.endTime = this.dateRange[1]
+        }
+        const res = await queryAttendanceRecords(params)
+        this.tableData = res.data && res.data.data || []
+        this.pagination.total = res.data && res.data.total || 0
+      } catch (e) {
+        this.$message.error('查询失败')
+      } finally { this.loading = false }
+    },
+    handleExport() {
+      // 导出打卡记录为CSV
+      if (!this.tableData.length) { this.$message.warning('无数据可导出'); return }
+      const headers = ['姓名', '工种', '打卡类型', '打卡时间', '打卡地点', '经度', '纬度']
+      const rows = this.tableData.map(r => [
+        r.user_name, this.workTypeLabel(r.work_type),
+        r.punch_type === 'ON' ? '上班' : '下班', r.punch_time,
+        r.punch_address, r.longitude, r.latitude
+      ])
+      let csv = '' + headers.join(',') + '\n'
+      rows.forEach(row => { csv += row.join(',') + '\n' })
+      const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' })
+      const link = document.createElement('a')
+      link.href = URL.createObjectURL(blob)
+      link.download = '打卡记录_' + new Date().toISOString().slice(0, 10) + '.csv'
+      link.click()
+      this.$message.success('导出成功')
+    },
+    handleSizeChange(val) { this.pagination.row = val; this.handleSearch() },
+    handlePageChange(val) { this.pagination.page = val; this.handleSearch() }
+  }
+}
+</script>
+
+<style scoped>
+.attendance-container { padding: 16px; }
+.search-card { margin-bottom: 16px; }
+</style>
diff --git a/src/views/property/CleaningView.vue b/src/views/property/CleaningView.vue
new file mode 100644
index 0000000..5cadea5
--- /dev/null
+++ b/src/views/property/CleaningView.vue
@@ -0,0 +1,120 @@
+<template>
+  <div class="cleaning-container">
+    <el-card shadow="never" class="search-card">
+      <el-form :inline="true" :model="searchForm" size="small">
+        <el-form-item label="作业人">
+          <el-select v-model="searchForm.userId" placeholder="全部" filterable clearable>
+            <el-option v-for="user in userList" :key="user.user_id" :label="user.name" :value="user.user_id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="时间范围">
+          <el-date-picker v-model="dateRange" type="datetimerange"
+                          range-separator="至" start-placeholder="开始" end-placeholder="结束"
+                          format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch" icon="el-icon-search">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card shadow="never">
+      <div slot="header"><span>保洁作业记录</span></div>
+      <el-table :data="tableData" border stripe size="small" v-loading="loading">
+        <el-table-column prop="user_name" label="作业人" width="100" />
+        <el-table-column prop="work_area" label="作业区域" min-width="180" />
+        <el-table-column prop="work_content" label="作业内容" min-width="200" />
+        <el-table-column prop="work_time" label="作业时间" width="180" />
+        <el-table-column prop="longitude" label="经度" width="120" />
+        <el-table-column prop="latitude" label="纬度" width="120" />
+        <el-table-column prop="remark" label="备注" min-width="150" />
+        <el-table-column label="操作" width="80" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="showDetail(scope.row)">详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        style="margin-top: 16px; text-align: right;"
+        @size-change="handleSizeChange" @current-change="handlePageChange"
+        :current-page="pagination.page" :page-sizes="[10, 20, 50, 100]"
+        :page-size="pagination.row" :total="pagination.total"
+        layout="total, sizes, prev, pager, next, jumper" />
+    </el-card>
+
+    <el-dialog title="作业详情" :visible.sync="detailVisible" width="500px">
+      <el-descriptions :column="1" border size="small" v-if="currentRecord">
+        <el-descriptions-item label="作业人">{{ currentRecord.user_name }}</el-descriptions-item>
+        <el-descriptions-item label="作业区域">{{ currentRecord.work_area }}</el-descriptions-item>
+        <el-descriptions-item label="作业内容">{{ currentRecord.work_content }}</el-descriptions-item>
+        <el-descriptions-item label="作业时间">{{ currentRecord.work_time }}</el-descriptions-item>
+        <el-descriptions-item label="坐标">{{ currentRecord.longitude }}, {{ currentRecord.latitude }}</el-descriptions-item>
+        <el-descriptions-item label="作业图片">
+          <template v-if="parseImages(currentRecord.images).length">
+            <el-image v-for="(url, i) in parseImages(currentRecord.images)" :key="i"
+                      :src="url" style="width: 80px; height: 80px; margin-right: 8px;"
+                      :preview-src-list="parseImages(currentRecord.images)" fit="cover" />
+          </template>
+          <span v-else>无</span>
+        </el-descriptions-item>
+        <el-descriptions-item label="备注">{{ currentRecord.remark || '无' }}</el-descriptions-item>
+      </el-descriptions>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { queryCleaningRecords } from '@/api/property/propertyApi'
+import { queryPropertyUsers } from '@/api/property/propertyApi'
+
+export default {
+  name: 'CleaningView',
+  data() {
+    return {
+      searchForm: { userId: '' },
+      dateRange: [],
+      userList: [],
+      tableData: [],
+      loading: false,
+      pagination: { page: 1, row: 20, total: 0 },
+      detailVisible: false,
+      currentRecord: null
+    }
+  },
+  mounted() { this.loadUsers(); this.handleSearch() },
+  methods: {
+    async loadUsers() {
+      try {
+        const res = await queryPropertyUsers({ workType: 'CLEANING', page: 1, row: 200 })
+        this.userList = res.data && res.data.data || []
+      } catch (e) { console.error(e) }
+    },
+    async handleSearch() {
+      this.loading = true
+      try {
+        const params = { page: this.pagination.page, row: this.pagination.row, ...this.searchForm }
+        Object.keys(params).forEach(k => { if (!params[k]) delete params[k] })
+        if (this.dateRange && this.dateRange.length === 2) {
+          params.startTime = this.dateRange[0]; params.endTime = this.dateRange[1]
+        }
+        const res = await queryCleaningRecords(params)
+        this.tableData = res.data && res.data.data || []
+        this.pagination.total = res.data && res.data.total || 0
+      } catch (e) { this.$message.error('查询失败') }
+      finally { this.loading = false }
+    },
+    parseImages(images) {
+      if (!images) return []
+      try { return JSON.parse(images) } catch (e) { return [] }
+    },
+    showDetail(row) { this.currentRecord = row; this.detailVisible = true },
+    handleSizeChange(val) { this.pagination.row = val; this.handleSearch() },
+    handlePageChange(val) { this.pagination.page = val; this.handleSearch() }
+  }
+}
+</script>
+
+<style scoped>
+.cleaning-container { padding: 16px; }
+.search-card { margin-bottom: 16px; }
+</style>
diff --git a/src/views/property/PatrolView.vue b/src/views/property/PatrolView.vue
new file mode 100644
index 0000000..ff89e64
--- /dev/null
+++ b/src/views/property/PatrolView.vue
@@ -0,0 +1,120 @@
+<template>
+  <div class="patrol-container">
+    <el-card shadow="never" class="search-card">
+      <el-form :inline="true" :model="searchForm" size="small">
+        <el-form-item label="巡更人">
+          <el-select v-model="searchForm.userId" placeholder="全部" filterable clearable>
+            <el-option v-for="user in userList" :key="user.user_id" :label="user.name" :value="user.user_id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="时间范围">
+          <el-date-picker v-model="dateRange" type="datetimerange"
+                          range-separator="至" start-placeholder="开始" end-placeholder="结束"
+                          format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch" icon="el-icon-search">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card shadow="never">
+      <div slot="header"><span>巡更记录</span></div>
+      <el-table :data="tableData" border stripe size="small" v-loading="loading">
+        <el-table-column prop="user_name" label="巡更人" width="100" />
+        <el-table-column prop="patrol_location" label="巡更地点" min-width="180" />
+        <el-table-column prop="patrol_content" label="巡更内容" min-width="200" />
+        <el-table-column prop="patrol_time" label="巡更时间" width="180" />
+        <el-table-column prop="longitude" label="经度" width="120" />
+        <el-table-column prop="latitude" label="纬度" width="120" />
+        <el-table-column prop="remark" label="备注" min-width="150" />
+        <el-table-column label="操作" width="80" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="showDetail(scope.row)">详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        style="margin-top: 16px; text-align: right;"
+        @size-change="handleSizeChange" @current-change="handlePageChange"
+        :current-page="pagination.page" :page-sizes="[10, 20, 50, 100]"
+        :page-size="pagination.row" :total="pagination.total"
+        layout="total, sizes, prev, pager, next, jumper" />
+    </el-card>
+
+    <el-dialog title="巡更详情" :visible.sync="detailVisible" width="500px">
+      <el-descriptions :column="1" border size="small" v-if="currentRecord">
+        <el-descriptions-item label="巡更人">{{ currentRecord.user_name }}</el-descriptions-item>
+        <el-descriptions-item label="巡更地点">{{ currentRecord.patrol_location }}</el-descriptions-item>
+        <el-descriptions-item label="巡更内容">{{ currentRecord.patrol_content }}</el-descriptions-item>
+        <el-descriptions-item label="巡更时间">{{ currentRecord.patrol_time }}</el-descriptions-item>
+        <el-descriptions-item label="坐标">{{ currentRecord.longitude }}, {{ currentRecord.latitude }}</el-descriptions-item>
+        <el-descriptions-item label="巡更图片">
+          <template v-if="parseImages(currentRecord.images).length">
+            <el-image v-for="(url, i) in parseImages(currentRecord.images)" :key="i"
+                      :src="url" style="width: 80px; height: 80px; margin-right: 8px;"
+                      :preview-src-list="parseImages(currentRecord.images)" fit="cover" />
+          </template>
+          <span v-else>无</span>
+        </el-descriptions-item>
+        <el-descriptions-item label="备注">{{ currentRecord.remark || '无' }}</el-descriptions-item>
+      </el-descriptions>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { queryPatrolRecords } from '@/api/property/propertyApi'
+import { queryPropertyUsers } from '@/api/property/propertyApi'
+
+export default {
+  name: 'PatrolView',
+  data() {
+    return {
+      searchForm: { userId: '' },
+      dateRange: [],
+      userList: [],
+      tableData: [],
+      loading: false,
+      pagination: { page: 1, row: 20, total: 0 },
+      detailVisible: false,
+      currentRecord: null
+    }
+  },
+  mounted() { this.loadUsers(); this.handleSearch() },
+  methods: {
+    async loadUsers() {
+      try {
+        const res = await queryPropertyUsers({ workType: 'SECURITY', page: 1, row: 200 })
+        this.userList = res.data && res.data.data || []
+      } catch (e) { console.error(e) }
+    },
+    async handleSearch() {
+      this.loading = true
+      try {
+        const params = { page: this.pagination.page, row: this.pagination.row, ...this.searchForm }
+        Object.keys(params).forEach(k => { if (!params[k]) delete params[k] })
+        if (this.dateRange && this.dateRange.length === 2) {
+          params.startTime = this.dateRange[0]; params.endTime = this.dateRange[1]
+        }
+        const res = await queryPatrolRecords(params)
+        this.tableData = res.data && res.data.data || []
+        this.pagination.total = res.data && res.data.total || 0
+      } catch (e) { this.$message.error('查询失败') }
+      finally { this.loading = false }
+    },
+    parseImages(images) {
+      if (!images) return []
+      try { return JSON.parse(images) } catch (e) { return [] }
+    },
+    showDetail(row) { this.currentRecord = row; this.detailVisible = true },
+    handleSizeChange(val) { this.pagination.row = val; this.handleSearch() },
+    handlePageChange(val) { this.pagination.page = val; this.handleSearch() }
+  }
+}
+</script>
+
+<style scoped>
+.patrol-container { padding: 16px; }
+.search-card { margin-bottom: 16px; }
+</style>
diff --git a/src/views/property/RepairOrderView.vue b/src/views/property/RepairOrderView.vue
new file mode 100644
index 0000000..8a65fe2
--- /dev/null
+++ b/src/views/property/RepairOrderView.vue
@@ -0,0 +1,196 @@
+<template>
+  <div class="repair-container">
+    <el-card shadow="never" class="search-card">
+      <el-form :inline="true" :model="searchForm" size="small">
+        <el-form-item label="工单状态">
+          <el-select v-model="searchForm.status" placeholder="全部状态" clearable @change="handleSearch">
+            <el-option label="待接单" value="PENDING" />
+            <el-option label="维修中" value="REPAIRING" />
+            <el-option label="已完成" value="COMPLETED" />
+            <el-option label="已取消" value="CANCELLED" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="维修人员">
+          <el-select v-model="searchForm.repairerId" placeholder="全部" filterable clearable>
+            <el-option v-for="user in engineerList" :key="user.user_id"
+                       :label="user.name" :value="user.user_id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="时间范围">
+          <el-date-picker v-model="dateRange" type="datetimerange"
+                          range-separator="至" start-placeholder="开始" end-placeholder="结束"
+                          format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch" icon="el-icon-search">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card shadow="never">
+      <div slot="header"><span>工单列表（共 {{ pagination.total }} 条）</span></div>
+      <el-table :data="tableData" border stripe size="small" v-loading="loading">
+        <el-table-column prop="title" label="工单标题" min-width="180" />
+        <el-table-column prop="submitter_name" label="提交人" width="100" />
+        <el-table-column prop="repair_location" label="报修位置" min-width="180" />
+        <el-table-column prop="repairer_name" label="维修人" width="100" />
+        <el-table-column prop="status" label="状态" width="100">
+          <template slot-scope="scope">
+            <el-tag :type="statusTagType(scope.row.status)" size="small">
+              {{ statusLabel(scope.row.status) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="create_time" label="创建时间" width="180" />
+        <el-table-column label="操作" width="180" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="showDetail(scope.row)">详情</el-button>
+            <el-button v-if="scope.row.status === 'PENDING'"
+                       type="text" size="small" @click="handleAssign(scope.row)">分配</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        style="margin-top: 16px; text-align: right;"
+        @size-change="handleSizeChange" @current-change="handlePageChange"
+        :current-page="pagination.page" :page-sizes="[10, 20, 50, 100]"
+        :page-size="pagination.row" :total="pagination.total"
+        layout="total, sizes, prev, pager, next, jumper" />
+    </el-card>
+
+    <!-- 工单详情对话框 -->
+    <el-dialog title="工单详情" :visible.sync="detailVisible" width="600px">
+      <el-descriptions :column="2" border size="small" v-if="currentOrder">
+        <el-descriptions-item label="工单标题">{{ currentOrder.title }}</el-descriptions-item>
+        <el-descriptions-item label="状态">
+          <el-tag :type="statusTagType(currentOrder.status)" size="small">
+            {{ statusLabel(currentOrder.status) }}
+          </el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="提交人">{{ currentOrder.submitter_name }}</el-descriptions-item>
+        <el-descriptions-item label="维修人">{{ currentOrder.repairer_name || '未分配' }}</el-descriptions-item>
+        <el-descriptions-item label="报修位置">{{ currentOrder.repair_location }}</el-descriptions-item>
+        <el-descriptions-item label="坐标">{{ currentOrder.longitude }}, {{ currentOrder.latitude }}</el-descriptions-item>
+        <el-descriptions-item label="问题描述" :span="2">{{ currentOrder.description }}</el-descriptions-item>
+        <el-descriptions-item label="报修图片" :span="2">
+          <template v-if="parseImages(currentOrder.images).length">
+            <el-image v-for="(url, i) in parseImages(currentOrder.images)" :key="i"
+                      :src="url" style="width: 80px; height: 80px; margin-right: 8px;"
+                      :preview-src-list="parseImages(currentOrder.images)" fit="cover" />
+          </template>
+          <span v-else>无</span>
+        </el-descriptions-item>
+        <el-descriptions-item label="维修结果" :span="2">{{ currentOrder.repair_result || '暂无' }}</el-descriptions-item>
+        <el-descriptions-item label="结果图片" :span="2">
+          <template v-if="parseImages(currentOrder.result_images).length">
+            <el-image v-for="(url, i) in parseImages(currentOrder.result_images)" :key="i"
+                      :src="url" style="width: 80px; height: 80px; margin-right: 8px;"
+                      :preview-src-list="parseImages(currentOrder.result_images)" fit="cover" />
+          </template>
+          <span v-else>无</span>
+        </el-descriptions-item>
+        <el-descriptions-item label="创建时间">{{ currentOrder.create_time }}</el-descriptions-item>
+        <el-descriptions-item label="完成时间">{{ currentOrder.complete_time || '未完成' }}</el-descriptions-item>
+      </el-descriptions>
+    </el-dialog>
+
+    <!-- 分配维修人员对话框 -->
+    <el-dialog title="分配维修人员" :visible.sync="assignVisible" width="400px">
+      <el-select v-model="assignForm.repairerId" placeholder="选择维修人员" style="width: 100%">
+        <el-option v-for="user in engineerList" :key="user.user_id"
+                   :label="user.name" :value="user.user_id" />
+      </el-select>
+      <span slot="footer">
+        <el-button @click="assignVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirmAssign">确认分配</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { queryRepairOrders, updateRepairStatus } from '@/api/property/propertyApi'
+import { queryPropertyUsers } from '@/api/property/propertyApi'
+
+export default {
+  name: 'RepairOrderView',
+  data() {
+    return {
+      searchForm: { status: '', repairerId: '' },
+      dateRange: [],
+      engineerList: [],
+      tableData: [],
+      loading: false,
+      pagination: { page: 1, row: 20, total: 0 },
+      detailVisible: false,
+      currentOrder: null,
+      assignVisible: false,
+      assignForm: { orderId: '', repairerId: '' }
+    }
+  },
+  mounted() { this.loadEngineers(); this.handleSearch() },
+  methods: {
+    statusLabel(s) {
+      const map = { PENDING: '待接单', REPAIRING: '维修中', COMPLETED: '已完成', CANCELLED: '已取消' }
+      return map[s] || s
+    },
+    statusTagType(s) {
+      const map = { PENDING: 'warning', REPAIRING: 'primary', COMPLETED: 'success', CANCELLED: 'info' }
+      return map[s] || 'info'
+    },
+    async loadEngineers() {
+      try {
+        const res = await queryPropertyUsers({ workType: 'ENGINEERING', page: 1, row: 200 })
+        this.engineerList = res.data && res.data.data || []
+      } catch (e) { console.error(e) }
+    },
+    async handleSearch() {
+      this.loading = true
+      try {
+        const params = { page: this.pagination.page, row: this.pagination.row, ...this.searchForm }
+        Object.keys(params).forEach(k => { if (!params[k]) delete params[k] })
+        if (this.dateRange && this.dateRange.length === 2) {
+          params.startTime = this.dateRange[0]
+          params.endTime = this.dateRange[1]
+        }
+        const res = await queryRepairOrders(params)
+        this.tableData = res.data && res.data.data || []
+        this.pagination.total = res.data && res.data.total || 0
+      } catch (e) {
+        this.$message.error('查询失败')
+      } finally { this.loading = false }
+    },
+    /** 解析JSON数组格式的图片URL */
+    parseImages(images) {
+      if (!images) return []
+      try { return JSON.parse(images) } catch (e) { return [] }
+    },
+    showDetail(row) { this.currentOrder = row; this.detailVisible = true },
+    handleAssign(row) {
+      this.assignForm.orderId = row.id
+      this.assignForm.repairerId = row.repairer_id || ''
+      this.assignVisible = true
+    },
+    async confirmAssign() {
+      if (!this.assignForm.repairerId) { this.$message.warning('请选择维修人员'); return }
+      try {
+        await updateRepairStatus({
+          id: this.assignForm.orderId,
+          status: 'REPAIRING',
+          repairerId: this.assignForm.repairerId
+        })
+        this.$message.success('分配成功')
+        this.assignVisible = false
+        this.handleSearch()
+      } catch (e) { this.$message.error('分配失败') }
+    },
+    handleSizeChange(val) { this.pagination.row = val; this.handleSearch() },
+    handlePageChange(val) { this.pagination.page = val; this.handleSearch() }
+  }
+}
+</script>
+
+<style scoped>
+.repair-container { padding: 16px; }
+.search-card { margin-bottom: 16px; }
+</style>
diff --git a/src/views/property/StaffView.vue b/src/views/property/StaffView.vue
new file mode 100644
index 0000000..579254f
--- /dev/null
+++ b/src/views/property/StaffView.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="staff-container">
+    <el-card shadow="never">
+      <div slot="header">
+        <span>人员列表</span>
+        <el-select v-model="filterWorkType" placeholder="筛选工种" clearable size="small"
+                   style="margin-left: 16px; width: 150px;" @change="loadData">
+          <el-option label="保洁" value="CLEANING" />
+          <el-option label="保安" value="SECURITY" />
+          <el-option label="工程维修" value="ENGINEERING" />
+        </el-select>
+      </div>
+      <el-table :data="tableData" border stripe size="small" v-loading="loading">
+        <el-table-column prop="name" label="姓名" width="120" />
+        <el-table-column prop="tel" label="手机号" width="140" />
+        <el-table-column prop="work_type" label="工种" width="120">
+          <template slot-scope="scope">{{ workTypeLabel(scope.row.work_type) }}</template>
+        </el-table-column>
+        <el-table-column prop="role" label="角色" width="100">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.role === 'ADMIN' ? 'danger' : 'info'" size="small">
+              {{ scope.row.role === 'ADMIN' ? '管理员' : '员工' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="status" label="状态" width="100">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.status === 'ON' ? 'success' : 'danger'" size="small">
+              {{ scope.row.status === 'ON' ? '在职' : '离职' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="create_time" label="创建时间" width="180" />
+      </el-table>
+      <el-pagination
+        style="margin-top: 16px; text-align: right;"
+        @size-change="handleSizeChange" @current-change="handlePageChange"
+        :current-page="pagination.page" :page-sizes="[10, 20, 50, 100]"
+        :page-size="pagination.row" :total="pagination.total"
+        layout="total, sizes, prev, pager, next, jumper" />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { queryPropertyUsers } from '@/api/property/propertyApi'
+
+export default {
+  name: 'StaffView',
+  data() {
+    return {
+      filterWorkType: '',
+      tableData: [],
+      loading: false,
+      pagination: { page: 1, row: 20, total: 0 }
+    }
+  },
+  mounted() { this.loadData() },
+  methods: {
+    workTypeLabel(type) {
+      const map = { CLEANING: '保洁', SECURITY: '保安', ENGINEERING: '工程维修' }
+      return map[type] || type
+    },
+    async loadData() {
+      this.loading = true
+      try {
+        const params = { page: this.pagination.page, row: this.pagination.row }
+        if (this.filterWorkType) params.workType = this.filterWorkType
+        const res = await queryPropertyUsers(params)
+        this.tableData = res.data && res.data.data || []
+        this.pagination.total = res.data && res.data.total || 0
+      } catch (e) { this.$message.error('加载失败') }
+      finally { this.loading = false }
+    },
+    handleSizeChange(val) { this.pagination.row = val; this.loadData() },
+    handlePageChange(val) { this.pagination.page = val; this.loadData() }
+  }
+}
+</script>
+
+<style scoped>
+.staff-container { padding: 16px; }
+</style>
diff --git a/src/views/property/TrackView.vue b/src/views/property/TrackView.vue
new file mode 100644
index 0000000..774794f
--- /dev/null
+++ b/src/views/property/TrackView.vue
@@ -0,0 +1,261 @@
+<template>
+  <div class="track-container">
+    <!-- 搜索条件 -->
+    <el-card shadow="never" class="search-card">
+      <el-form :inline="true" :model="searchForm" size="small">
+        <el-form-item label="选择人员">
+          <el-select v-model="searchForm.userId" placeholder="请选择人员" filterable clearable
+                     @change="handleSearch">
+            <el-option v-for="user in userList" :key="user.userId"
+                       :label="user.userName + (user.tel ? ' - ' + user.tel : '')"
+                       :value="user.userId" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="开始时间">
+          <el-date-picker v-model="searchForm.startTime" type="datetime"
+                          placeholder="选择开始时间" format="yyyy-MM-dd HH:mm:ss"
+                          value-format="yyyy-MM-dd HH:mm:ss" @change="handleSearch" />
+        </el-form-item>
+        <el-form-item label="结束时间">
+          <el-date-picker v-model="searchForm.endTime" type="datetime"
+                          placeholder="选择结束时间" format="yyyy-MM-dd HH:mm:ss"
+                          value-format="yyyy-MM-dd HH:mm:ss" @change="handleSearch" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch" icon="el-icon-search">查询</el-button>
+          <el-button @click="handlePlayTrack" icon="el-icon-video-play" :disabled="!trackData.length">
+            播放轨迹
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <!-- 地图容器（独立 div，避免 el-card 干扰尺寸测量） -->
+    <div id="amap-container" ref="mapContainer" class="map-container"></div>
+
+    <!-- 轨迹点列表 -->
+    <el-card shadow="never" class="list-card">
+      <div slot="header">
+        <span>轨迹点列表（共 {{ trackData.length }} 个点）</span>
+      </div>
+      <el-table :data="trackData" border stripe size="small" max-height="300">
+        <el-table-column prop="report_time" label="上报时间" width="180" />
+        <el-table-column prop="longitude" label="经度" width="140" />
+        <el-table-column prop="latitude" label="纬度" width="140" />
+        <el-table-column prop="loc_status" label="状态" width="100">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.loc_status === 'NORMAL' ? 'success' : 'danger'" size="small">
+              {{ scope.row.loc_status === 'NORMAL' ? '正常' : '异常' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="locatePoint(scope.row)">定位</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { queryLocationTracks } from '@/api/property/propertyApi'
+import { listSystemUsers } from '@/api/staff/systemUserApi'
+
+export default {
+  name: 'TrackView',
+  data() {
+    return {
+      searchForm: { userId: '', startTime: '', endTime: '' },
+      userList: [],
+      trackData: [],
+      map: null,
+      polyline: null,
+      markers: [],
+      movingMarker: null,
+      playing: false,
+      playTimer: null,
+      playIndex: 0
+    }
+  },
+  mounted() {
+    this.loadUserList()
+    this.initMap()
+  },
+  beforeDestroy() {
+    if (this.playTimer) clearInterval(this.playTimer)
+    if (this.map) {
+      this.map.destroy()
+      this.map = null
+    }
+  },
+  methods: {
+    async loadUserList() {
+      try {
+        const { data } = await listSystemUsers({ page: 1, row: 200 })
+        this.userList = data || []
+      } catch (e) {
+        console.error('加载人员列表失败', e)
+      }
+    },
+
+    initMap() {
+      // 确保 DOM 已渲染且 AMap 已加载
+      this.$nextTick(() => {
+        const tryCreate = () => {
+          if (!window.AMap) {
+            setTimeout(tryCreate, 200)
+            return
+          }
+          const container = this.$refs.mapContainer
+          if (!container || container.offsetWidth === 0) {
+            setTimeout(tryCreate, 200)
+            return
+          }
+          this.createMap(container)
+        }
+        tryCreate()
+      })
+    },
+
+    createMap(container) {
+      if (this.map) return
+      this.map = new window.AMap.Map(container, {
+        zoom: 13,
+        center: [116.397428, 39.90923],
+        resizeEnable: true
+      })
+    },
+
+    async handleSearch() {
+      if (!this.searchForm.userId) {
+        this.$message.warning('请选择人员')
+        return
+      }
+      try {
+        const params = { userId: this.searchForm.userId }
+        if (this.searchForm.startTime) params.startTime = this.searchForm.startTime
+        if (this.searchForm.endTime) params.endTime = this.searchForm.endTime
+        const res = await queryLocationTracks(params)
+        const list = Array.isArray(res.data) ? res.data : (res.data && res.data.data) || []
+        this.trackData = list
+        this.$nextTick(() => this.renderTrack())
+      } catch (e) {
+        this.$message.error('查询轨迹失败')
+        console.error(e)
+      }
+    },
+
+    renderTrack() {
+      if (!this.map || !this.trackData.length) return
+      this.clearMapElements()
+
+      const path = this.trackData.map(p => [p.longitude, p.latitude])
+
+      this.polyline = new window.AMap.Polyline({
+        map: this.map,
+        path: path,
+        strokeColor: '#1890ff',
+        strokeWeight: 4,
+        strokeOpacity: 0.8
+      })
+
+      if (path.length > 0) {
+        const start = path[0]
+        const end = path[path.length - 1]
+        const startMarker = new window.AMap.Marker({
+          map: this.map,
+          position: start,
+          title: '起点',
+          icon: new window.AMap.Icon({
+            size: new window.AMap.Size(25, 34),
+            imageSize: new window.AMap.Size(25, 34),
+            image: 'https://webapi.amap.com/theme/v1.3/markers/n/start.png'
+          })
+        })
+        const endMarker = new window.AMap.Marker({
+          map: this.map,
+          position: end,
+          title: '终点',
+          icon: new window.AMap.Icon({
+            size: new window.AMap.Size(25, 34),
+            imageSize: new window.AMap.Size(25, 34),
+            image: 'https://webapi.amap.com/theme/v1.3/markers/n/end.png'
+          })
+        })
+        this.markers.push(startMarker, endMarker)
+      }
+      this.map.setFitView(null, false, [60, 60, 60, 60])
+    },
+
+    clearMapElements() {
+      if (this.polyline) { this.polyline.setMap(null); this.polyline = null }
+      this.markers.forEach(m => m.setMap(null))
+      this.markers = []
+      if (this.movingMarker) { this.movingMarker.setMap(null); this.movingMarker = null }
+    },
+
+    handlePlayTrack() {
+      if (this.playing) {
+        clearInterval(this.playTimer)
+        this.playTimer = null
+        this.playing = false
+        this.$message.info('轨迹播放已暂停')
+        return
+      }
+      if (!this.trackData.length) return
+      this.playing = true
+      this.playIndex = 0
+
+      if (this.movingMarker) { this.movingMarker.setMap(null); this.movingMarker = null }
+      const firstPoint = this.trackData[0]
+      this.movingMarker = new window.AMap.Marker({
+        map: this.map,
+        position: [firstPoint.longitude, firstPoint.latitude],
+        icon: new window.AMap.Icon({
+          size: new window.AMap.Size(30, 30),
+          imageSize: new window.AMap.Size(30, 30),
+          image: 'https://webapi.amap.com/theme/v1.3/markers/n/mark_r.png'
+        })
+      })
+
+      this.playTimer = setInterval(() => {
+        if (this.playIndex >= this.trackData.length) {
+          clearInterval(this.playTimer)
+          this.playTimer = null
+          this.playing = false
+          this.$message.success('轨迹播放完成')
+          return
+        }
+        const point = this.trackData[this.playIndex]
+        if (this.movingMarker) {
+          this.movingMarker.setPosition([point.longitude, point.latitude])
+        }
+        this.map.setCenter([point.longitude, point.latitude])
+        this.playIndex++
+      }, 500)
+    },
+
+    locatePoint(row) {
+      if (this.map) {
+        this.map.setCenter([row.longitude, row.latitude])
+        this.map.setZoom(18)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.track-container { padding: 16px; }
+.search-card { margin-bottom: 16px; }
+.map-container {
+  width: 100%;
+  height: 500px;
+  margin-bottom: 16px;
+  border-radius: 4px;
+  border: 1px solid #ebeef5;
+}
+.list-card { margin-bottom: 16px; }
+</style>
--
libgit2 0.21.4