尚医通——医院管理


<dependency>
<groupId>com.alibaba.cloud</groupId>
<artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId>
</dependency>

第二步：在service-hosp的配置文件添加nacos服务地址

# nacos服务地址
spring.cloud.nacos.discovery.server-addr=127.0.0.1:8848

第三步：在service-hosp的启动类添加注解

@SpringBootApplication
@ComponentScan(basePackages = "com.atguigu")
@EnableDiscoveryClient
public class ServiceHospApplication {
    public static void main(String[] args) {
        SpringApplication.run(ServiceHospApplication.class, args);
    }
}

启动service-hosp服务，在Nacos管理界面的服务列表中可以看到注册的服务

service-cmn注册过程和service-hosp相同（省略）

正在上传…重新上传取消

医院管理实现

医院列表

1.1 医院列表api接口

1.1.1 添加service分页接口与实现

在HospitalService类添加分页接口

/**

 * 分页查询

 * @param page 当前页码

 * @param limit 每页记录数

 * @param hospitalQueryVo 查询条件

 * @return

  */

  Page<Hospital> selectPage(Integer page, Integer limit, HospitalQueryVo hospitalQueryVo);

HospitalServiceImpl类实现分页

@Override

  public Page<Hospital> selectPage(Integer page, Integer limit, HospitalQueryVo hospitalQueryVo) {

      Sort sort = Sort.by(Sort.Direction.DESC, "createTime");

  //0为第一页

  Pageable pageable = PageRequest.of(page-1, limit, sort);

  

      Hospital hospital = new Hospital();

      BeanUtils.copyProperties(hospitalQueryVo, hospital);

  

  //创建匹配器，即如何使用查询条件

  ExampleMatcher matcher = ExampleMatcher.matching() //构建对象

  .withStringMatcher(ExampleMatcher.StringMatcher.CONTAINING) //改变默认字符串匹配方式：模糊查询

  .withIgnoreCase(true); //改变默认大小写忽略方式：忽略大小写

  

      //创建实例

  Example<Hospital> example = Example.of(hospital, matcher);

      Page<Hospital> pages = hospitalRepository.findAll(example, pageable);

  

  return pages;

   }

1.1.2 添加controller方法

添加com.atguigu.yygh.hosp.controller.HospitalController类

package com.atguigu.yygh.hosp.controller;

  

  @Api(tags = "医院管理接口")

  @RestController

@RequestMapping("/admin/hosp/hospital")

  public class HospitalController {

  

  @Autowired

  private HospitalService hospitalService;

  

  @ApiOperation(value = "获取分页列表")

  @GetMapping("{page}/{limit}")

  public Result index(

  @ApiParam(name = "page", value = "当前页码", required = true)

  @PathVariable Integer page,

  

  @ApiParam(name = "limit", value = "每页记录数", required = true)

  @PathVariable Integer limit,

  

  @ApiParam(name = "hospitalQueryVo", value = "查询对象", required = false)

                HospitalQueryVo hospitalQueryVo) {

  return Result.ok(hospitalService.selectPage(page, limit, hospitalQueryVo));

   }

  

  }

1.2 service-cmn模块提供接口

由于我们的医院等级、省市区地址都是取的数据字典value值，因此我们在列表显示医院等级与医院地址时要根据数据字典value值获取数据字典名称

通过学习数据字典我们知道，根据上级编码与value值可以获取对应的数据字典名称，如果value值能够保持唯一（不一定唯一），我们也可以直接通过value值获取数据字典名称，目前省市区三级数据我们使用的是国家统计局的数据，数据编码我们就是数据字典的id与value，所以value能够唯一确定一条数据字典，如图：

正在上传…重新上传取消

1.2.1添加service接口与实现

在DictService类添加接口

/**

 * 根据上级编码与值获取数据字典名称

 * @param parentDictCode

  * @param value

  * @return

  */

  String getNameByParentDictCodeAndValue(String parentDictCode, String value);

DictServiceImpl类实现

@Cacheable(value = "dict",keyGenerator = "keyGenerator")

  @Override

  public String getNameByParentDictCodeAndValue(String parentDictCode, String value) {

  //如果value能唯一定位数据字典，parentDictCode可以传空，例如：省市区的value值能够唯一确定

  if(StringUtils.isEmpty(parentDictCode)) {

      Dict dict = dictMapper.selectOne(new QueryWrapper<Dict>().eq("value", value));

  if(null != dict) {

  return dict.getName();

      }

   } else {

      Dict parentDict = this.getByDictsCode(parentDictCode);

  if(null == parentDict) return "";

      Dict dict = dictMapper.selectOne(new QueryWrapper<Dict>().eq("parent_id", parentDict.getId()).eq("value", value));

  if(null != dict) {

  return dict.getName();

      }

   }

  return "";

}

1.2.2添加controller方法

DictController类添加方法

@ApiOperation(value = "获取数据字典名称")

  @GetMapping(value = "/getName/{parentDictCode}/{value}")

  public String getName(

  @ApiParam(name = "parentDictCode", value = "上级编码", required = true)

  @PathVariable("parentDictCode") String parentDictCode,

  

  @ApiParam(name = "value", value = "值", required = true)

  @PathVariable("value") String value) {

  return dictService.getNameByParentDictCodeAndValue(parentDictCode, value);

}

  

  @ApiOperation(value = "获取数据字典名称")

  @ApiImplicitParam(name = "value", value = "值", required = true, dataType = "Long", paramType = "path")

  @GetMapping(value = "/getName/{value}")

  public String getName(

  @ApiParam(name = "value", value = "值", required = true)

  @PathVariable("value") String value) {

  return dictService.getNameByParentDictCodeAndValue("", value);

}

说明：提供两个api接口，如省市区不需要上级编码，医院等级需要上级编码

1.3封装Feign服务调用

1.3.1搭建service-client父模块

搭建过程如service父模块

修改pom.xml文件

<?xml version="1.0"encoding="UTF-8"?>

  <project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">

  <modelVersion>4.0.0</modelVersion>

  

  <parent>

  <groupId>com.atguigu.yygh</groupId>

  <artifactId>yygh-parent</artifactId>

  <version>1.0</version>

  </parent>

  

  <artifactId>service-client</artifactId>

  <packaging>pom</packaging>

  <version>1.0</version>

  

  <dependencies>

  <dependency>

  <groupId>com.atguigu.yygh</groupId>

  <artifactId>common-util</artifactId>

  <version>1.0</version>

  <scope>provided </scope>

  </dependency>

  

  <dependency>

  <groupId>com.atguigu.yygh</groupId>

  <artifactId>model</artifactId>

  <version>1.0</version>

  <scope>provided </scope>

  </dependency>

  

  <dependency>

  <groupId>org.springframework.boot</groupId>

  <artifactId>spring-boot-starter-web</artifactId>

  <scope>provided </scope>

  </dependency>

  

  <!-- 服务调用feign -->

  <dependency>

  <groupId>org.springframework.cloud</groupId>

  <artifactId>spring-cloud-starter-openfeign</artifactId>

  <scope>provided </scope>

  </dependency>

  </dependencies>

  

  </project>

1.3.2 搭建service-cmn-client模块

搭建过程如service-hosp模块

1.3.2.1修改pom.xml文件

<?xml version="1.0"encoding="UTF-8"?>

  <project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">

  <modelVersion>4.0.0</modelVersion>

  <parent>

  <groupId>com.atguigu.yygh</groupId>

  <artifactId>service-client</artifactId>

  <version>1.0</version>

  </parent>

  <version>1.0</version>

  <artifactId>service-cmn-client</artifactId>

  <packaging>jar</packaging>

  <name>service-cmn-client</name>

  <description>service-cmn-client</description>

  

  </project>

1.3.2.2添加Feign接口类

/**

 * 数据字典API接口

 */

  @FeignClient("service-cmn")

  public interface DictFeignClient {

  

  /**

     * 获取数据字典名称

     * @param parentDictCode

  * @param value

  * @return

  */

  @GetMapping(value = "/admin/cmn/dict/getName/{parentDictCode}/{value}")

    String getName(@PathVariable("parentDictCode") String parentDictCode, @PathVariable("value") String value);

  

  /**

     * 获取数据字典名称

     * @param value

  * @return

  */

  @GetMapping(value = "/admin/cmn/dict/getName/{value}")

    String getName(@PathVariable("value") String value);

}

1.4医院接口远程调用数据字典

1.4.1 service模块引入依赖

在pom.xml添加依赖


<dependency>
<groupId>org.springframework.cloud</groupId>
<artifactId>spring-cloud-starter-openfeign</artifactId>
</dependency>

1.4.2 操作service-hosp模块

1.4.2.1在service-hosp添加依赖

<dependency>
    <groupId>com.atguigu.yygh</groupId>
    <artifactId>service-cmn-client</artifactId>
    <version>1.0</version>
</dependency>

1.4.2.2 启动类开启服务调用

@SpringBootApplication
@ComponentScan(basePackages = "com.atguigu")
@EnableDiscoveryClient
@EnableFeignClients(basePackages = "com.atguigu")
public class ServiceHospApplication {
    public static void main(String[] args) {
        SpringApplication.run(ServiceHospApplication.class, args);
    }
}

1.4.2.3调整service方法

修改HospitalServiceImpl类实现分页

@Autowired

  private DictFeignClient dictFeignClient;

@Override

  public Page<Hospital> selectPage(Integer page, Integer limit, HospitalQueryVo hospitalQueryVo) {

   Sort sort = Sort.by(Sort.Direction.DESC, "createTime");

  //0为第一页

  Pageable pageable = PageRequest.of(page-1, limit, sort);

  

   Hospital hospital = new Hospital();

   BeanUtils.copyProperties(hospitalQueryVo, hospital);

  

  //创建匹配器，即如何使用查询条件

  ExampleMatcher matcher = ExampleMatcher.matching() //构建对象

  .withStringMatcher(ExampleMatcher.StringMatcher.CONTAINING) //改变默认字符串匹配方式：模糊查询

  .withIgnoreCase(true); //改变默认大小写忽略方式：忽略大小写

  

   //创建实例

  Example<Hospital> example = Example.of(hospital, matcher);

   Page<Hospital> pages = hospitalRepository.findAll(example, pageable);

  

  pages.getContent().stream().forEach(item -> {

  this.packHospital(item);

   });

  return pages;

}

  

  /**

    * 封装数据

    * @param hospital

  * @return

  */

  private Hospital packHospital(Hospital hospital) {

       String hostypeString = dictFeignClient.getName(DictEnum.HOSTYPE.getDictCode(),hospital.getHostype());

       String provinceString = dictFeignClient.getName(hospital.getProvinceCode());

       String cityString = dictFeignClient.getName(hospital.getCityCode());

       String districtString = dictFeignClient.getName(hospital.getDistrictCode());

  

       hospital.getParam().put("hostypeString", hostypeString);

       hospital.getParam().put("fullAddress", provinceString + cityString + districtString + hospital.getAddress());

  return hospital;

   }

1.5 添加数据字典显示接口

1.5.1 编写controller

根据dicode查询下层节点

@ApiOperation(value = "根据dictCode获取下级节点")
@GetMapping(value = "/findByDictCode/{dictCode}")
public Result<List<Dict>> findByDictCode(
        @ApiParam(name = "dictCode", value = "节点编码", required = true)
        @PathVariable String dictCode) {
    List<Dict> list = dictService.findByDictCode(dictCode);
    return Result.ok(list);
}

1.5.2 编写service

根据dicode查询下层节点

@Override
public List<Dict> findByDictCode(String dictCode) {
    Dict codeDict = this.getDictByDictCode(dictCode);
    if(null == codeDict) return null;
    return this.findChlidData(codeDict.getId());
}

1.6 医院列表前端

1.6.1 添加路由

在 src/router/index.js 文件添加路由

{

path: 'hospital/list',

name: '医院列表',

component: () =>import('@/views/hosp/list'),

meta: { title: '医院列表', icon: 'table' }

}

1.6.2封装api请求

创建/api/hosp.js

import request from '@/utils/request'

export default {

//医院列表

getPageList(current,limit,searchObj) {

return request ({

url: `/admin/hosp/hospital/list/${current}/${limit}`,

method: 'get',

params: searchObj

})

//查询dictCode查询下级数据字典

findByDictCode(dictCode) {

return request({

url: `/admin/cmn/dict/findByDictCode/${dictCode}`,

method: 'get'

})

//根据id查询下级数据字典

findByParentId(dictCode) {

return request({

url: `/admin/cmn/dict/findChildData/${dictCode}`,

method: 'get'

})

}

1.6.3 添加组件

创建/views/hosp/hospital/list.vue组件

<el-form :inline="true" class="demo-form-inline">

<el-form-item>

<el-select

v-model="searchObj.provinceCode"

placeholder="请选择省"

@change="provinceChanged">

<el-option

v-for="item in provinceList"

:key="item.id"

:label="item.name"

:value="item.id"/>

</el-select>

</el-form-item>

<el-form-item>

<el-select

v-model="searchObj.cityCode"

placeholder="请选择市"

@change="cityChanged">

<el-option

v-for="item in cityList"

:key="item.id"

:label="item.name"

:value="item.id"/>

</el-select>

</el-form-item>

<el-form-item>

<el-input v-model="searchObj.hosname" placeholder="医院名称"/>

</el-form-item>

<el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</el-button>

<el-button type="default" @click="resetData()">清空</el-button>

</el-form>

<el-table v-loading="listLoading" :data="list"

border

fit

highlight-current-row>

<el-table-column

label="序号"

width="60"

align="center">

</template>

</el-table-column>

<el-table-column label="医院logo">

</template>

</el-table-column>

<el-table-column prop="hosname" label="医院名称"/>

<el-table-column prop="param.hostypeString" label="等级" width="90"/>

<el-table-column prop="param.fullAddress" label="详情地址"/>

<el-table-column label="状态" width="80">

</template>

</el-table-column>

<el-table-column prop="createTime" label="创建时间"/>

<el-table-column label="操作" width="230" align="center">

</el-table-column>

</el-table>

<el-pagination

:current-page="page"

:total="total"

:page-size="limit"

:page-sizes="[5, 10, 20, 30, 40, 50, 100]"

style="padding: 30px 0; text-align: center;"

layout="sizes, prev, pager, next, jumper, ->, total, slot"

@current-change="fetchData"

@size-change="changeSize"

</div>

</template>

import hospitalApi from '@/api/hosp'

export default {

data() {

return {

listLoading: true, // 数据是否正在加载

list: null, // banner列表

total: 0, // 数据库中的总记录数

page: 1, // 默认页码

limit: 10, // 每页记录数

searchObj: {}, // 查询表单对象

provinceList: [],

cityList: [],

districtList: []

}

// 生命周期函数：内存准备完毕，页面尚未渲染

created() {

console.log('list created......')

this.fetchData()

hospitalApi.findByDictCode('Province').then(response => {

this.provinceList = response.data

})

methods: {

// 加载banner列表数据

fetchData(page = 1) {

console.log('翻页。。。' + page)

// 异步获取远程数据（ajax）

this.page = page

hospitalApi.getPageList(this.page, this.limit, this.searchObj).then(

response => {

this.list = response.data.content

this.total = response.data.totalElements

// 数据加载并绑定成功

this.listLoading = false

}

)

// 当页码发生改变的时候

changeSize(size) {

console.log(size)

this.limit = size

this.fetchData(1)

// 重置查询表单

resetData() {

console.log('重置查询表单')

this.searchObj = {}

this.fetchData()

provinceChanged() {

this.cityList = []

this.searchObj.cityCode = null

this.districtList = []

this.searchObj.districtCode = null

hospitalApi.findByParentId(this.searchObj.provinceCode).then(response => {

this.cityList = response.data

})

}

</script>

更新医院上线状态

2.1 api接口

2.1.1 添加service接口

在HospitalService类添加接口

/**

 * 更新上线状态

  */

  void updateStatus(String id, Integer status);

HospitalServiceImpl类实现

@Override
public void updateStatus(String id, Integer status) {
    if(status.intValue() == 0 || status.intValue() == 1) {
        Hospital hospital = hospitalRepository.findById(id).get();
        hospital.setStatus(status);
        hospital.setUpdateTime(new Date());
        hospitalRepository.save(hospital);
    }
}

2.1.2 添加controller方法

在HospitalController类添加方法

@ApiOperation(value = "更新上线状态")
@GetMapping("updateStatus/{id}/{status}")
public Result lock(
        @ApiParam(name = "id", value = "医院id", required = true)
        @PathVariable("id") String id,
        @ApiParam(name = "status", value = "状态（0：未上线 1：已上线）", required = true)
        @PathVariable("status") Integer status){
    hospitalService.updateStatus(id, status);
    return Result.ok();
}

2.2 更新上线状态前端

2.2.1封装api请求

在/api/hosp/hospital.js文件添加方法

updateStatus(id, status) {

return request({

url: `/admin/hosp/hospital/updateStatus/${id}/${status}`,

method: 'get'

})

}

2.2.2 修改组件

修改/views/hosp/list.vue组件

<el-table-column label="操作" width="230" align="center">

<el-button v-if="scope.row.status == 1" type="primary" size="mini" @click="updateStatus(scope.row.id, 0)">下线</el-button>

<el-button v-if="scope.row.status == 0" type="danger" size="mini" @click="updateStatus(scope.row.id, 1)">上线</el-button>

</template>

</el-table-column>

updateStatus(id, status) {

hospApi.updateStatus(id, status)

.then(response => {

this.fetchData(this.page)

})

医院详情

3.1 api接口

3.1.1 添加service接口

在HospitalService类添加接口

/**

 * 医院详情

 * @param id

  * @return

  */

  Map<String, Object> show(String id);

HospitalServiceImpl类实现

@Override

  public Map<String, Object> show(String id) {

    Map<String, Object> result = new HashMap<>();

  

    Hospital hospital = this.packHospital(this.getById(id));

    result.put("hospital", hospital);

  

  //单独处理更直观

  result.put("bookingRule", hospital.getBookingRule());

  //不需要重复返回

  hospital.setBookingRule(null);

  return result;

}

3.1.2 添加controller方法

在HospitalController类添加方法

@ApiOperation(value = "获取医院详情")

  @GetMapping("show/{id}")

  public Result show(

  @ApiParam(name = "id", value = "医院id", required = true)

  @PathVariable String id) {

  return Result.ok(hospitalService.show(id));

}

3.2 医院详情前端

3.2.1添加隐藏路由

{

path: 'hospital/show/:id',

name: '查看',

component: () => import('@/views/hosp/show'),

meta: { title: '查看', noCache: true },

hidden: true

}

3.2.2修改医院列表组件

<router-link :to="'/hospSet/hospital/show/'+scope.row.id">

<el-button type="primary" size="mini">查看</el-button>

</router-link>

3.2.3封装api请求

//查看医院详情

getHospById(id) {

return request ({

url: `/admin/hosp/hospital/showHospDetail/${id}`,

method: 'get'

})

}

3.2.4 修改显示页面组件

添加/views/hosp/show.vue组件

<tbody>

<tr>

<td width="35%"><b style="font-size: 14px">{{ hospital.hosname }}</b> | {{ hospital.param.hostypeString }}</td>

<th width="15%">医院logo</th>

</td>

</tr>

<tr>

<td>{{ hospital.hoscode }}</td>

<td>{{ hospital.param.fullAddress }}</td>

</tr>

<tr>

<td colspan="3">{{ hospital.route }}</td>

</tr>

<tr>

<td colspan="3">{{ hospital.intro }}</td>

</tr>

</tbody>

</table>

<h4>预约规则信息</h4>

<tbody>

<tr>

<td width="35%">{{ bookingRule.cycle }}天</td>

<td width="35%">{{ bookingRule.releaseTime }}</td>

</tr>

<tr>

<td>{{ bookingRule.stopTime }}</td>

<td>{{ bookingRule.quitDay == -1 ? '就诊前一工作日' : '就诊当日' }}{{ bookingRule.quitTime }} 前取消</td>

</tr>

<tr>

<ol>

</ol>

</td>

</tr>

<br>

<el-row>

<el-button @click="back">返回</el-button>

</el-row>

</tbody>

</table>

</div>

</template>

import hospApi from '@/api/hosp'

export default {

data() {

return {

hospital: null, //医院信息

bookingRule: null //预约信息

}

created() {

//获取路由id

const id = this.$route.params.id

//调用方法，根据id查询医院详情

this.fetachHospDetail(id)

methods:{

//根据id查询医院详情

fetachHospDetail(id) {

hospApi.getHospById(id)

.then(response => {

this.hospital = response.data.hospital

this.bookingRule = response.data.bookingRule

})

//返回医院列表

back() {

this.$router.push({ path: '/hospSet/hosp/list' })

}

</script>

3.2.5 引入详情样式文件

改样式文件是控制详情展示的css布局文件

1，将/show.css文件引入yygh-admin/src/styles目录

2，在src/main.js文件添加引用

import Vue from 'vue'

  

  import 'normalize.css/normalize.css' // A modern alternative to CSS resets

  

  import ElementUI from 'element-ui'

  import 'element-ui/lib/theme-chalk/index.css'

  import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n

  

  import '@/styles/index.scss' // global css

  import '@/styles/show.css'

  ……

codeyangleduo

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
尚医通——医院管理

Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。- 通过 Nacos Server 和 spring-cloud-starter-alibaba-nacos-discovery 实现服务的注册与发现。目前在医院列表中需要医院的信息和等级信息,而两段信息属于不同的的模块,service-hosp和service-cmn，所以我们需要使用到远程调用。- 通过 Nacos Server 和 spring-cloud-starter-alibaba-nacos-config 实现配置的动态变更。
复制链接

扫一扫