前端-医院设置信息锁定与取消锁定

1、定义api模块

在 src/api/hosp/hospitalSet.js添加方法

//医院信息锁定和取消锁定
lockHospitalSet(id,status){
    return request({
        url: `/admin/hosp/hospitalSet/lockHospitalSet/${id}/${status}`,
        method: 'put'
    })
}

2、定义页面组件模板

在table组件上添加按钮

<!-- 1：可使用 0：不可使用 -->
<el-button v-if="scope.row.status==1" type="primary" size="mini" 
     icon="el-icon-delete" @click="lockHostSet(scope.row.id,0)">锁定</el-button>
 <el-button v-if="scope.row.status==0" type="danger" size="mini" 
     icon="el-icon-delete" @click="lockHostSet(scope.row.id,1)">取消锁定
 </el-button>

3、编写js代码

//锁定和取消锁定
lockHostSet(id,status){
     hospset.lockHospitalSet(id,status)
         .then(response =>{
             //刷新
             this.getList(this.current)
         })
 },