增加小区编辑功能。

src/api/community.js

@@ -44,3 +44,12 @@ export function updateCommunityStatus(id, status) {
     data: { status }
   })
 }
+
+// 添加更新小区的接口
+export function updateCommunity(id, data) {
+  return request({
+    url: `/api/community/${id}`,
+    method: 'put',
+    data
+  })
+} 

src/views/community/CommunityList.vue

@@ -44,6 +44,11 @@
             />
             <span v-else>-</span>
           </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="handleEdit(record)">编辑</a>
+            </a-space>
+          </template>
         </template>
       </a-table>
 
@@ -58,9 +63,9 @@
       </a-modal>
 
       <a-modal
-        v-model:visible="addModalVisible"
+        v-model:visible="modalVisible"
-        title="添加小区"
+        :title="isEdit ? '编辑小区' : '添加小区'"
-        @ok="handleAdd"
+        @ok="handleSubmit"
         @cancel="handleCancel"
         :confirmLoading="confirmLoading"
         width="680px"
@@ -68,7 +73,7 @@
         <template #footer>
           <a-space>
             <a-button @click="handleCancel">取消</a-button>
-            <a-button type="primary" :loading="confirmLoading" @click="handleAdd">
+            <a-button type="primary" :loading="confirmLoading" @click="handleSubmit">
               保存
             </a-button>
           </a-space>
@@ -115,7 +120,7 @@
 <script>
 import { defineComponent, ref, onMounted, nextTick } from 'vue'
 import { message, Tag, Menu, Dropdown, Image, Upload } from 'ant-design-vue'
-import { getCommunityList, createCommunity, updateCommunityStatus } from '@/api/community'
+import { getCommunityList, createCommunity, updateCommunityStatus, updateCommunity } from '@/api/community'
 import { loadAMap, createMap } from '@/utils/amap.js'
 import dayjs from 'dayjs'
 import PageContainer from '@/components/PageContainer.vue'
@@ -213,6 +218,13 @@ export default defineComponent({
         width: 100,
         align: 'center',
       },
+      {
+        title: '操作',
+        key: 'action',
+        width: 120,
+        align: 'center',
+        fixed: 'right'
+      },
     ]
 
     // 获取小区列表数据
@@ -287,14 +299,11 @@ export default defineComponent({
     }
 
     // 添加小区相关的响应式变量
-    const addModalVisible = ref(false)
+    const modalVisible = ref(false)
     const confirmLoading = ref(false)
-    const searchLoading = ref(false)
+    const isEdit = ref(false)
-    const searchAddress = ref('')
-    const searchOptions = ref([])
-    const addMap = ref(null)
-    const addMarker = ref(null)
     const formRef = ref(null)
+    const currentId = ref(null)
     
     const formState = ref({
       name: '',
@@ -303,7 +312,8 @@ export default defineComponent({
         longitude: null,
         latitude: null
       },
-      qy_group_qrcode: ''
+      qy_group_qrcode: '',
+      status: 'UNOPEN'
     })
 
     const rules = {
@@ -317,13 +327,57 @@ export default defineComponent({
     const fileList = ref([])
     const uploadUrl = '/api/upload/image'
 
-    // 显示添加模态框
+    // 显示编辑模态框
-    const showAddModal = () => {
+    const handleEdit = (record) => {
-      addModalVisible.value = true
+      isEdit.value = true
+      currentId.value = record.id
+      modalVisible.value = true
+      
+      // 填充表单数据
+      formState.value = {
+        name: record.name,
+        location: {
+          address: record.address,
+          longitude: record.longitude,
+          latitude: record.latitude
+        },
+        qy_group_qrcode: record.qy_group_qrcode,
+        status: record.status
       }
       
-    // 提交表单
+      // 如果有二维码，设置文件列表
-    const handleAdd = () => {
+      if (record.qy_group_qrcode) {
+        fileList.value = [{
+          uid: '-1',
+          name: '群二维码',
+          status: 'done',
+          url: record.qy_group_qrcode
+        }]
+      } else {
+        fileList.value = []
+      }
+    }
+
+    // 显示添加模态框
+    const showAddModal = () => {
+      isEdit.value = false
+      currentId.value = null
+      modalVisible.value = true
+      formState.value = {
+        name: '',
+        location: {
+          address: '',
+          longitude: null,
+          latitude: null
+        },
+        qy_group_qrcode: '',
+        status: 'UNOPEN'
+      }
+      fileList.value = []
+    }
+
+    // 统一提交处理
+    const handleSubmit = () => {
       formRef.value.validate().then(async () => {
         try {
           confirmLoading.value = true
@@ -332,31 +386,38 @@ export default defineComponent({
             address: formState.value.location.address,
             longitude: formState.value.location.longitude,
             latitude: formState.value.location.latitude,
-            qy_group_qrcode: formState.value.qy_group_qrcode
+            qy_group_qrcode: formState.value.qy_group_qrcode,
+            status: formState.value.status
+          }
+          
+          let res
+          if (isEdit.value) {
+            res = await updateCommunity(currentId.value, params)
+          } else {
+            res = await createCommunity(params)
           }
           
-          const res = await createCommunity(params)
           if (res.code === 200) {
-            message.success('添加成功')
+            message.success(isEdit.value ? '更新成功' : '添加成功')
-            addModalVisible.value = false
+            modalVisible.value = false
             fetchData() // 刷新列表
           } else {
-            message.error(res.message || '添加失败')
+            message.error(res.message || (isEdit.value ? '更新失败' : '添加失败'))
           }
         } catch (error) {
-          console.error('添加小区失败:', error)
+          console.error(isEdit.value ? '更新小区失败:' : '添加小区失败:', error)
-          message.error('添加失败')
+          message.error(isEdit.value ? '更新失败' : '添加失败')
         } finally {
           confirmLoading.value = false
         }
       })
     }
 
-    // 取消添加
+    // 取消处理
     const handleCancel = () => {
       formRef.value?.resetFields()
       fileList.value = []
-      addModalVisible.value = false
+      modalVisible.value = false
     }
 
     // 处理状态变更
@@ -409,18 +470,20 @@ export default defineComponent({
       getStatusText,
       getStatusColor,
       formatDateTime,
-      addModalVisible,
+      modalVisible,
       confirmLoading,
+      isEdit,
       formState,
       formRef,
       rules,
       showAddModal,
-      handleAdd,
+      handleSubmit,
       handleCancel,
       handleStatusChange,
       fileList,
       uploadUrl,
-      handleQrcodeChange
+      handleQrcodeChange,
+      handleEdit
     }
   }
 })