彤医通项目之医院状态的可用/不可用锁定改变

最新推荐文章于 2022-03-07 22:16:30 发布

程序彤

最新推荐文章于 2022-03-07 22:16:30 发布

阅读量110

点赞数

分类专栏：彤医通微服务架构项目文章标签： java vue css

本文链接：https://blog.csdn.net/m0_47119598/article/details/115659908

版权

彤医通微服务架构项目专栏收录该内容

20 篇文章 1 订阅

订阅专栏

医院状态锁定/取消锁定功能

api/hospset.js

  lockHosp(id,status){
    return request({
      url:`/admin/hosp/hospitalSet/lockHospSet/${id}/${status}`,
      method:'put'
    })
  }

vue.js的<javascript部分>

	lockHospSet(id,status){
      hospset.lockHosp(id,status)
        .then(response=>{
          this.getListOfPageAndCondition(this.current) // 默认跳转第一页
        })
    },

vue.js通过v-if锁定/取消锁定组件部分

<!--          如果当前状态为可运行(status=1)，才显示可以锁定，不然你锁定了还锁定？
              在定义的方法中传入id,status,id为当前域.当前行.id，status为手动设置0表示设置将去锁定，即按下按钮，status变为0，当status当前为1才显示
-->
          <el-button type="danger" size="mini" v-if="scope.row.status == 1"
                     icon="el-icon-delete" @click="lockHospSet(scope.row.id,0)">锁定</el-button>
          <el-button type="primary" size="mini" v-if="scope.row.status == 0"
                     icon="el-icon-delete" @click="lockHospSet(scope.row.id,1)">取消锁定</el-button>
        </template>