update

src/views/community/CommunitySetList.vue

@@ -19,6 +19,9 @@
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'action'">
             <a-space>
+              <a-button type="link" @click="handleEdit(record)">
+                修改
+              </a-button>
               <a-button type="link" @click="handleView(record)">
                 查看详情
               </a-button>
@@ -28,21 +31,21 @@
       </a-table>
     </div>
 
-    <!-- 创建小区集合模态框 -->
+    <!-- 创建/修改小区集合模态框 -->
     <a-modal
-      v-model:visible="createModalVisible"
+      v-model:visible="modalVisible"
-      title="创建小区集合"
+      :title="isEdit ? '修改小区集合' : '创建小区集合'"
-      @ok="handleCreateSubmit"
+      @ok="handleSubmit"
-      @cancel="handleCreateCancel"
+      @cancel="handleCancel"
       :confirmLoading="submitting"
     >
-      <a-form :model="createForm" layout="vertical">
+      <a-form :model="formData" layout="vertical">
         <a-form-item 
           label="集合名称" 
           name="set_name"
           :rules="[{ required: true, message: '请输入集合名称' }]"
         >
-          <a-input v-model:value="createForm.set_name" placeholder="请输入集合名称" />
+          <a-input v-model:value="formData.set_name" placeholder="请输入集合名称" />
         </a-form-item>
         
         <a-form-item 
@@ -120,9 +123,11 @@ export default defineComponent({
       showTotal: (total) => `共 ${total} 条记录`
     })
     
-    // 创建模态框相关状态
+    // 表单相关状态
-    const createModalVisible = ref(false)
+    const modalVisible = ref(false)
-    const createForm = reactive({
+    const isEdit = ref(false)
+    const editingSetId = ref(null)
+    const formData = reactive({
       set_name: '',
       user_id: null
     })
@@ -145,14 +150,14 @@ export default defineComponent({
     // 选择用户
     const selectUser = (user) => {
       selectedUser.value = user
-      createForm.user_id = user.userid
+      formData.user_id = user.userid
       message.success(`已选择：${user.nickname || user.phone}`)
     }
     
     // 清除已选择的用户
     const clearSelectedUser = () => {
       selectedUser.value = null
-      createForm.user_id = null
+      formData.user_id = null
     }
     
     // 获取角色名称
@@ -249,51 +254,87 @@ export default defineComponent({
     
     // 显示创建模态框
     const showCreateModal = () => {
-      createForm.set_name = ''
+      isEdit.value = false
-      createForm.user_id = null
+      editingSetId.value = null
+      formData.set_name = ''
+      formData.user_id = null
       phoneSearchValue.value = ''
       searchedUser.value = null
       selectedUser.value = null
-      createModalVisible.value = true
+      modalVisible.value = true
     }
     
-    // 处理创建提交
+    // 显示修改模态框
-    const handleCreateSubmit = async () => {
+    const handleEdit = (record) => {
-      if (!createForm.set_name) {
+      isEdit.value = true
+      editingSetId.value = record.id
+      formData.set_name = record.set_name
+      formData.user_id = record.user_id
+      
+      // 设置已选择的用户信息
+      if (record.user_id && record.user_name) {
+        selectedUser.value = {
+          userid: record.user_id,
+          nickname: record.user_name,
+          phone: record.user_phone || ''
+        }
+      } else {
+        selectedUser.value = null
+      }
+      
+      phoneSearchValue.value = ''
+      searchedUser.value = null
+      modalVisible.value = true
+    }
+    
+    // 处理表单提交（创建或修改）
+    const handleSubmit = async () => {
+      if (!formData.set_name) {
         message.warning('请输入集合名称')
         return
       }
       
-      if (!createForm.user_id) {
+      if (!formData.user_id) {
         message.warning('请选择运营商')
         return
       }
       
       try {
         submitting.value = true
-        const res = await request.post('/api/community-sets/', {
+        let res
-          set_name: createForm.set_name,
+        
-          user_id: createForm.user_id
+        if (isEdit.value) {
+          // 修改集合
+          res = await request.put(`/api/community-sets/${editingSetId.value}`, {
+            set_name: formData.set_name,
+            user_id: formData.user_id
           })
+        } else {
+          // 创建集合
+          res = await request.post('/api/community-sets/', {
+            set_name: formData.set_name,
+            user_id: formData.user_id
+          })
+        }
         
         if (res.code === 200) {
-          message.success('创建成功')
+          message.success(isEdit.value ? '修改成功' : '创建成功')
-          createModalVisible.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 {
         submitting.value = false
       }
     }
     
-    // 处理创建取消
+    // 处理取消
-    const handleCreateCancel = () => {
+    const handleCancel = () => {
-      createModalVisible.value = false
+      modalVisible.value = false
     }
     
     // 处理手机号搜索
@@ -340,8 +381,9 @@ export default defineComponent({
       tableData,
       columns,
       pagination,
-      createModalVisible,
+      modalVisible,
-      createForm,
+      isEdit,
+      formData,
       submitting,
       phoneSearchValue,
       searchedUser,
@@ -354,8 +396,9 @@ export default defineComponent({
       selectUser,
       clearSelectedUser,
       showCreateModal,
-      handleCreateSubmit,
+      handleEdit,
-      handleCreateCancel,
+      handleSubmit,
+      handleCancel,
       handlePhoneSearch,
       handleView,
       handleTableChange