vue 项目修改功能实现

一 设置编辑的路由

 {
    path: '/hospital',
    component: Layout,
    redirect: '/hospital/list',
    name: 'hospital',
    meta: { title: '医院管理', icon: 'table' },
    children: [
      {
        path: 'list',
        name: '医院列表',
        component: () => import('@/views/hospital/list'),
        meta: { title: '医院列表', icon: 'table' }
      },
      {
        path: 'add',
        name: '医院添加',
        component: () => import('@/views/hospital/add'),
        meta: { title: '医院添加', icon: 'tree' }
      },
      {
        path: 'edit/:id',
        name: '医院编辑',
        component: () => import('@/views/hospital/add'),
        meta: { title: '医院编辑', noCache: true },
        hidden: true // 隐藏路径，编辑和添加共用页面
      }
    ]
  },

二 定义 api 模块

import request from '@/utils/request'

export default {
    // 分页查询
    getHospitalList(current, limit, searchObj) {
        return request({
            url: `/admin/hospital/findPageHospital/${current}/${limit}`,
            method: 'post',
            data: searchObj // 使用 json 进行参数传递
        })
    },
    // 单条删除医院
    deleteHospital(id) {
        return request({
            url: `/admin/hospital/${id}`,
            method: 'delete'
        })
    },
    // 批量删除医院
    removeHospitals(idList) {
        return request({
            url: `/admin/hospital/batchRemove`,
            method: 'delete',
            data: idList
        })
    },
    // 锁定和取消锁定
    lockHospital(id, status) {
        return request({
            url: `/admin/hospital/lockHospital/${id}/${status}`,
            method: 'put'
        })
    },
    // 添加医院
    saveHospital(hospital) {
        return request({
            url: `/admin/hospital/saveHospital`,
            method: 'post',
            data: hospital
        })
    },
    // 医院 id 查询
    getHospital(id) {
        return request({
            url: `/admin/hospital/getHospital/${id}`,
            method: 'get'
        })
    },
    // 修改医院
    updateHospital(hospital) {
        return request({
            url: