尚医通9：医院列表功能+GateWay网关

浅浅的花香味﹌ 2023-10-14 09:22 3阅读 0赞

###### 内容介绍 ######

<table> 
 <tbody> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:414.8pt;"> 1、医院列表功能（接口） 4、医院列表功能（前端） 5、更新医院上线状态功能 6、医院详情 7、GateWay网关 8、医院排班管理需求分析 9、查看医院所有科室接口、前端 </td> 
 </tr> 
 </tbody> 
</table>

###### 医院列表功能（接口） ######

<table> 
 <tbody> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:426.1pt;"> 
 <ol> 
 <li style="text-align:justify;">接口初步实现</li> 
 <li style="text-align:justify;">跨模块接口</li> 
 <li style="text-align:justify;">改造hosp实现跨模块调用</li> 
 </ol>（1）在service下添加依赖 <img alt="" height="389" src="https://img-blog.csdnimg.cn/d29fb69ff0564b9a88761e068e4f2727.png" width="904"> （2）在hosp下添加依赖 <pre style="margin-left:.0001pt;text-align:justify;">&lt;dependency&gt;

&nbsp;&nbsp;&nbsp; &lt;groupId&gt;com.atguigu&lt;/groupId&gt;

&nbsp;&nbsp;&nbsp; &lt;artifactId&gt;service_cmn_client&lt;/artifactId&gt;

&nbsp;&nbsp;&nbsp; &lt;version&gt;0.0.1-SNAPSHOT&lt;/version&gt;

&lt;/dependency&gt;</pre> （3）启动类添加注解 <pre style="margin-left:.0001pt;text-align:justify;">@EnableFeignClients(basePackages = "com.atguigu")</pre> <img alt="" height="273" src="https://img-blog.csdnimg.cn/ad9c4c325e374a07b84ede5b05b3fd9a.png" width="780"> （5）实现跨模块翻译 <pre style="margin-left:.0001pt;text-align:justify;">@Autowired

private DictFeignClient dictFeignClient;</pre> <pre style="margin-left:.0001pt;text-align:left;">//带条件带分页查询医院列表

 @Override

public Page&lt;Hospital&gt; selectPage(Integer page, Integer limit,

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; HospitalQueryVo hospitalQueryVo) {

&nbsp;&nbsp;&nbsp; //1创建分页对象

&nbsp;&nbsp;&nbsp; //1.1创建排序对象

&nbsp;&nbsp;&nbsp; Sort sort = Sort.by(Sort.Direction.ASC,"hoscode");

&nbsp;&nbsp;&nbsp; //1.2创建分页对象

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

&nbsp;&nbsp;&nbsp; //2创建条件模板

&nbsp;&nbsp;&nbsp; //2.1封装查询条件

&nbsp;&nbsp;&nbsp; Hospital hospital = new Hospital();

&nbsp;&nbsp;&nbsp; BeanUtils.copyProperties(hospitalQueryVo,hospital);

&nbsp;&nbsp;&nbsp; //2.2模板构造器

&nbsp;&nbsp;&nbsp; ExampleMatcher matcher = ExampleMatcher.matching()

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .withStringMatcher(ExampleMatcher.StringMatcher.CONTAINING)

&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.withIgnoreCase(true);

&nbsp;&nbsp;&nbsp; //2.3创建模板

&nbsp;&nbsp;&nbsp; Example&lt;Hospital&gt; example = Example.of(hospital,matcher);

&nbsp;&nbsp;&nbsp; //3实现带条件带分页查询

&nbsp;&nbsp;&nbsp; Page&lt;Hospital&gt; pageModel = hospitalRepository.findAll(example, pageable);

&nbsp;&nbsp;&nbsp; //4 遍历集合翻译字段

&nbsp;&nbsp;&nbsp; pageModel.getContent().forEach(item-&gt;{

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.packHospital(item);

&nbsp;&nbsp;&nbsp; });

&nbsp;&nbsp;&nbsp; return pageModel;

}

//翻译医院信息

 private Hospital packHospital(Hospital hospital) {

&nbsp;&nbsp;&nbsp; //1翻译医院等级

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

&nbsp;&nbsp;&nbsp; //2翻译地址信息

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

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

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

&nbsp;&nbsp;&nbsp; //3封装数据返回

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

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

&nbsp;&nbsp;&nbsp; return hospital;

}</pre> （6）测试 <img alt="" height="427" src="https://img-blog.csdnimg.cn/103242b6efb64e6c828dc92a890f15f0.png" width="511"> 4、创建cmn接口 （1）分析接口 *参数：dictCode *返回值：R（List&lt;Dict&gt;） （2）实现controller <pre style="margin-left:.0001pt;text-align:left;">@ApiOperation(value = "根据dictCode获取下级节点")

@GetMapping(value = "/findByDictCode/{dictCode}")

public R findByDictCode(

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @PathVariable String dictCode) {

&nbsp;&nbsp;&nbsp; List&lt;Dict&gt; list = dictService.findByDictCode(dictCode);

&nbsp;&nbsp;&nbsp; return R.ok().data("list",list);

public List&lt;Dict&gt; findByDictCode(String dictCode) {

&nbsp;&nbsp;&nbsp; //1 根据dictCode查询字典信息

&nbsp;&nbsp;&nbsp; Dict parentDict = this.getByDictCode(dictCode);

&nbsp;&nbsp;&nbsp; //2&nbsp; 根据父id查询子数据

&nbsp;&nbsp;&nbsp; LambdaQueryWrapper&lt;Dict&gt; wrapper = new LambdaQueryWrapper&lt;&gt;();

&nbsp;&nbsp;&nbsp; wrapper.eq(Dict::getParentId,parentDict.getId());

&nbsp;&nbsp;&nbsp; List&lt;Dict&gt; list = baseMapper.selectList(wrapper);

&nbsp;&nbsp;&nbsp; return list;

###### 医院列表功能（前端） ######

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; path: 'hospital/list',

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name: '医院列表',

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; component: () =&gt; import('@/views/yygh/hosp/list'),

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

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }</code></pre> 2、添加页面保存路由 <img alt="" height="77" src="https://img-blog.csdnimg.cn/6233ab501dd146588682ce9b6f7ddb96.png" width="104"> 3、添加api接口方法 <pre><code>（1）在api/yygh目录下创建hosp.js文件

import request from '@/utils/request'

const api_name = '/admin/hosp/hospital'

export default {

&nbsp;&nbsp;&nbsp; //带条件带分页查询医院列表

&nbsp;&nbsp;&nbsp; getHospPage(page, limit, searchObj) {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return request({

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url: `${api_name}/getHospPage/${page}/${limit}`,

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; method: 'get',

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; params: searchObj

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; })

&nbsp;&nbsp;&nbsp; }

}

（2）在dict.js下添加新方法

import request from '@/utils/request'

const api_name = '/admin/cmn/dict'

export default {

&nbsp;&nbsp;&nbsp; dictList(id) {//数据字典列表

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return request ({

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url: `${api_name}/findChildData/${id}`,

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; method: 'get'

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; })

&nbsp;&nbsp;&nbsp; },

&nbsp;&nbsp;&nbsp; //根据dictCode获取下级节点

&nbsp;&nbsp;&nbsp; findByDictCode(dictCode) {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return request ({

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url: `${api_name}/findByDictCode/${dictCode}`,

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; method: 'get'

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; })

&nbsp;&nbsp;&nbsp; }

}

4、添加页面元素

&lt;template&gt;

&nbsp; &lt;div class="app-container"&gt;

&nbsp;&nbsp;&nbsp; &lt;el-form :inline="true" class="demo-form-inline"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-form-item&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-select v-model="searchObj.provinceCode" placeholder="请选择省" @change="provinceChanged"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-option

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; v-for="item in provinceList"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :key="item.id"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :label="item.name"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :value="item.id"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/el-select&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/el-form-item&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-form-item&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-select v-model="searchObj.cityCode" placeholder="请选择市"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-option v-for="item in cityList" :key="item.id" :label="item.name" :value="item.id"/&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/el-select&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/el-form-item&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-form-item&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-input v-model="searchObj.hosname" placeholder="医院名称"/&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/el-form-item&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-button type="primary" icon="el-icon-search" @click="fetchData()"&gt;查询&lt;/el-button&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-button type="default" @click="resetData()"&gt;清空&lt;/el-button&gt;

&nbsp;&nbsp;&nbsp; &lt;/el-form&gt;

&nbsp;&nbsp;&nbsp; &lt;!-- banner列表 --&gt;

&nbsp;&nbsp;&nbsp; &lt;el-table v-loading="listLoading" :data="list" border fit highlight-current-row&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-table-column label="序号" width="60" align="center"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;template slot-scope="scope"&gt;{
       { (page - 1) * limit + scope.$index + 1 }}&lt;/template&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/el-table-column&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-table-column label="医院logo"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;template slot-scope="scope"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;img :src="'data:image/jpeg;base64,'+scope.row.logoData" width="80"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/template&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/el-table-column&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-table-column prop="hosname" label="医院名称"/&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-table-column prop="param.hostypeString" label="等级" width="90"/&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-table-column prop="param.fullAddress" label="详情地址"/&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-table-column label="状态" width="80"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;template slot-scope="scope"&gt;{
       { scope.row.status === 0 ? '未上线' : '已上线' }}&lt;/template&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/el-table-column&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-table-column prop="createTime" label="创建时间"/&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-table-column label="操作" width="230" align="center"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;template slot-scope="scope"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;router-link :to="'/hospSet/hospital/show/'+scope.row.id"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-button type="primary" size="mini"&gt;查看&lt;/el-button&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/router-link&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;router-link :to="'/hospSet/hospital/schedule/'+scope.row.hoscode"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-button type="primary" size="mini"&gt;排班&lt;/el-button&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/router-link&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-button

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; v-if="scope.row.status == 1"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; type="primary"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; size="mini"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @click="updateStatus(scope.row.id, 0)"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &gt;下线&lt;/el-button&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-button

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; v-if="scope.row.status == 0"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; type="danger"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; size="mini"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @click="updateStatus(scope.row.id, 1)"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &gt;上线&lt;/el-button&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/template&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/el-table-column&gt;

&nbsp;&nbsp;&nbsp; &lt;/el-table&gt;

&nbsp;&nbsp;&nbsp; &lt;!-- 分页组件 --&gt;

&nbsp;&nbsp;&nbsp; &lt;el-pagination

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :current-page="page"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :total="total"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :page-size="limit"

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

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

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; layout="sizes, prev, pager, next, jumper, -&gt;, total, slot"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @current-change="fetchData"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @size-change="changeSize"

&nbsp;&nbsp;&nbsp; /&gt;

&nbsp; &lt;/div&gt;

&lt;/template&gt;

5、实现js

&lt;script&gt;

import hospApi from "@/api/yygh/hosp";

import dictApi from "@/api/yygh/dict";

export default {

&nbsp; data() {

&nbsp;&nbsp;&nbsp; return {

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

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; list: null, // 医院列表数据集合

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

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; page: 1, // 默认页码

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; limit: 10, // 每页记录数

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; searchObj: {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; provinceCode: "",

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; cityCode: ""

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, // 查询表单对象

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; provinceList: [], //所有省集合

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; cityList: [] //所有市集合

&nbsp;&nbsp;&nbsp; };

&nbsp; },

&nbsp; created() {

&nbsp;&nbsp;&nbsp; //初始化查询医院列表

&nbsp;&nbsp;&nbsp; this.fetchData();

&nbsp;&nbsp;&nbsp; //初始化查询省信息

&nbsp;&nbsp;&nbsp; this.getProvinceList();

&nbsp; },

&nbsp; methods: {

&nbsp;&nbsp;&nbsp; //查询医院列表

&nbsp;&nbsp;&nbsp; fetchData(page = 1) {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.page = page;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; hospApi

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .getHospPage(this.page, this.limit, this.searchObj)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .then(response =&gt; {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.list = response.data.pageModel.content;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.total = response.data.pageModel.totalElements;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.listLoading = false;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });

&nbsp;&nbsp;&nbsp; },

&nbsp;&nbsp;&nbsp; //查询省信息

&nbsp;&nbsp;&nbsp; getProvinceList() {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dictApi.findByDictCode("Province").then(response =&gt; {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.provinceList = response.data.list;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });

&nbsp;&nbsp;&nbsp; },

&nbsp;&nbsp;&nbsp; //选择省加载市信息

&nbsp;&nbsp;&nbsp; provinceChanged() {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //1清空市信息

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.searchObj.cityCode = "";

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.cityList = [];

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //2调用接口初始化市信息

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dictApi.dictList(this.searchObj.provinceCode).then(response =&gt; {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.cityList = response.data.list;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });

&nbsp;&nbsp;&nbsp; },

&nbsp;&nbsp;&nbsp; //清空

&nbsp;&nbsp;&nbsp; resetData() {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.searchObj = {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; provinceCode: "",

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; cityCode: ""

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.fetchData();

&nbsp;&nbsp;&nbsp; },

&nbsp;&nbsp;&nbsp; //切换每页记录数

&nbsp;&nbsp;&nbsp; changeSize(size){

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.limit = size

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.fetchData();

&nbsp;&nbsp;&nbsp; }

&nbsp; }

};
&lt;/script&gt;</code></pre> 6、测试 <img alt="" height="378" src="https://img-blog.csdnimg.cn/79cf8fd65017448c8ab9ce5c752b21c5.png" width="1130"> </td> 
 </tr> 
 </tbody> 
</table>

###### 更新医院上线状态功能 ######

<table> 
 <tbody> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:426.1pt;"> 1、分析需求 <h6>医院排班管理需求分析</h6> 
 <table> 
 <tbody> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:426.1pt;"> 1、分析需求 &nbsp; 
 <ol> 
 <li style="text-align:justify;">用树形结构展现科室信息</li> 
 <li style="text-align:justify;">根据条件筛选带分页带排序统计分析（聚合查询）号源信息，推算周几</li> 
 </ol>（3）根据医院、科室、排班日期查询排班集合 2、实现方案 （1）使用el-tree展现树形科室信息 （2）根据hoscode、depcode筛选数据，根据排班日期进行带分页带排序的聚合查询。使用工具推算周几 （3）根据医院、科室、排班日期查询排班集合 3、实现步骤 虽然是一个页面展示所有内容，但是页面相对复杂，我们分步骤实现 第一，先实现左侧科室树形展示； 第二，其次排班日期分页展示 第三，最后根据排班日期获取排班详情数据 </td> 
 </tr> 
 </tbody> 
 </table> <h6>查看医院所有科室接口、前端</h6> 
 <table> 
 <tbody> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:426.1pt;"> 1、分析需求 &nbsp; 2、实现接口 （1）分析接口 *参数：hoscode *返回值：R（树形结构展示科室集合List&lt;DepartmentVo&gt;） &nbsp; （2）创建controller <pre style="text-align:left;">@Api(tags = "科室管理")

@RestController

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

public class DepartmentController {

&nbsp;&nbsp;&nbsp; @Autowired

&nbsp;&nbsp;&nbsp; private DepartmentService departmentService;

&nbsp;&nbsp;&nbsp; //根据医院编号，查询医院所有科室列表

&nbsp;&nbsp;&nbsp; @ApiOperation(value = "查询医院所有科室列表")

&nbsp;&nbsp;&nbsp; @GetMapping("getDeptList/{hoscode}")

&nbsp;&nbsp;&nbsp; public R getDeptList(@PathVariable String hoscode) {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; List&lt;DepartmentVo&gt; list = departmentService.getDeptListTree(hoscode);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return R.ok().data("list",list);

&nbsp;&nbsp;&nbsp; }

}</pre> （3）如果是mysql如何实现 #查询大科室集合 SELECT d.bigcode ,d.bigname,COUNT(d.id) &nbsp;FROM Department d GROUP BY d.bigcode ,d.bigname; #遍历大科室集合，根据bigcode查询小科室集合 SELECT * FROM Department d WHERE d.bigcode = '大科室编码'; （4）梳理实现步骤 <pre><code>//根据医院编号，查询医院所有科室列表

@Override

public List&lt;DepartmentVo&gt; getDeptListTree(String hoscode) {

&nbsp;&nbsp;&nbsp; //1创建最终返回对象

&nbsp;&nbsp;&nbsp; //2根据hoscode查询所有科室信息List&lt;Department&gt;

&nbsp;&nbsp;&nbsp; //3根据集合数据进行分组

&nbsp;&nbsp;&nbsp; //List&lt;Department&gt;=&gt;Map（ k：bigcode&nbsp; v: List&lt;Department&gt;）

&nbsp;&nbsp;&nbsp; //4遍历map，封装大科室信息DepartmentVo

&nbsp;&nbsp;&nbsp; //5封装小科室信息List&lt;DepartmentVo&gt;

&nbsp;&nbsp;&nbsp; //6小科室集合存入大科室vo

&nbsp;&nbsp;&nbsp; //7大科室vo存入最终返回对象

&nbsp;&nbsp;&nbsp; return null;

}
（5）实现service

//根据医院编号，查询医院所有科室列表

@Override

public List&lt;DepartmentVo&gt; getDeptListTree(String hoscode) {

&nbsp;&nbsp;&nbsp; //1创建最终返回对象

&nbsp;&nbsp;&nbsp; List&lt;DepartmentVo&gt; result = new ArrayList&lt;&gt;();

&nbsp;&nbsp;&nbsp; //2根据hoscode查询所有科室信息List&lt;Department&gt;

&nbsp;&nbsp;&nbsp; List&lt;Department&gt; departmentList = departmentRepository.getByHoscode(hoscode);

&nbsp;&nbsp;&nbsp; //3根据集合数据进行分组

&nbsp;&nbsp;&nbsp; //List&lt;Department&gt;=&gt;Map（ k：bigcode&nbsp; v: List&lt;Department&gt;）

&nbsp;&nbsp;&nbsp; Map&lt;String,List&lt;Department&gt;&gt; departmentMap =

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; departmentList.stream().collect(Collectors.groupingBy(Department::getBigcode));

&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp; //4遍历map，封装大科室信息DepartmentVo

&nbsp;&nbsp;&nbsp; for (Map.Entry&lt;String, List&lt;Department&gt;&gt; entry : departmentMap.entrySet()) {

&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;DepartmentVo deptBigVo = new DepartmentVo();

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; deptBigVo.setDepcode(entry.getKey());

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; List&lt;Department&gt; deptList = entry.getValue();

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; deptBigVo.setDepname(deptList.get(0).getBigname());

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //5封装小科室信息List&lt;DepartmentVo&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; List&lt;DepartmentVo&gt; children = new ArrayList&lt;&gt;();

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for (Department dept : deptList) {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; DepartmentVo departmentVo = new DepartmentVo();

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; departmentVo.setDepcode(dept.getDepcode());

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; departmentVo.setDepname(dept.getDepname());

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; children.add(departmentVo);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //6小科室集合存入大科室vo

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; deptBigVo.setChildren(children);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //7大科室vo存入最终返回对象

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; result.add(deptBigVo);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp; }

&nbsp;&nbsp;&nbsp; return result;

}</code></pre> （6）测试 &nbsp; 3、对接前端 （1）确认入口 &nbsp; <pre><code>&lt;router-link :to="'/yygh/hospSet/hospital/schedule/'+scope.row.hoscode"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-button type="primary" size="mini"&gt;排班&lt;/el-button&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/router-link&gt;

（2）创建隐藏路由

{

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; path: 'hospital/schedule/:hoscode',

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name: '排班',

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; component: () =&gt; import('@/views/yygh/hosp/schedule'),

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; meta: { title: '排班', noCache: true },

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; hidden: true

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }

（3）创建页面

&nbsp;

（4）创建api

在hosp.js中添加api方法

//查看医院科室

&nbsp;&nbsp;&nbsp; getDeptByHoscode(hoscode) {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return request({

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url: `/admin/hosp/department/getDeptList/${hoscode}`,

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; method: 'get'

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; })

&nbsp;&nbsp;&nbsp; }

（5）添加页面元素

&lt;template&gt;

&nbsp; &lt;div class="app-container"&gt;

&nbsp;&nbsp;&nbsp; &lt;div style="margin-bottom: 10px;font-size: 10px;"&gt;选择：&lt;/div&gt;

&nbsp;&nbsp;&nbsp; &lt;el-container style="height: 100%"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-aside width="200px" style="border: 1px silver solid"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- 部门 --&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-tree

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :data="data"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :props="defaultProps"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :default-expand-all="true"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @node-click="handleNodeClick"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &gt;&lt;/el-tree&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/el-aside&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-main style="padding: 0 0 0 20px;"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-row style="width: 100%"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- 排班日期 分页 --&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/el-row&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-row style="margin-top: 20px;"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- 排班日期对应的排班医生 --&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/el-row&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/el-main&gt;

&nbsp;&nbsp;&nbsp; &lt;/el-container&gt;

&nbsp; &lt;/div&gt;

&lt;/template&gt;

（6）实现js

&lt;script&gt;

import hospApi from "@/api/yygh/hosp";

export default {

&nbsp; data() {

&nbsp;&nbsp;&nbsp; return {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data: [], //科室集合

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; defaultProps: {//默认支柱属性

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; children: "children",

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; label: "depname"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; },

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; hoscode: ""//医院编码

&nbsp;&nbsp;&nbsp; };

&nbsp; },

&nbsp; created() {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.hoscode = this.$route.params.hoscode

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.fetchData()

&nbsp; },

&nbsp; methods: {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //查询科室数据

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; fetchData(){

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; hospApi.getDeptByHoscode(this.hoscode).then(response=&gt;{

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.data = response.data.list

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; })

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }

&nbsp; }

};

&lt;/script&gt;</code></pre> （7）测试 &nbsp; </td> 
 </tr> 
 </tbody> 
 </table> 2、实现接口 （1）分析接口 *参数：id、status *返回值：R.ok() （2）实现controller <pre><code>@ApiOperation(value = "更新上线状态")

@GetMapping("updateStatus/{id}/{status}")

public R updateStatus(

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @PathVariable("id") String id,

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @PathVariable("status") Integer status){

&nbsp;&nbsp;&nbsp; hospitalService.updateStatus(id,status);

&nbsp;&nbsp;&nbsp; return R.ok();

}
（3）实现service

//更新上线状态

@Override

public void updateStatus(String id, Integer status) {

&nbsp;&nbsp;&nbsp; if(status.intValue()==0||status.intValue()==1){

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Hospital hospital = hospitalRepository.findById(id).get();

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; hospital.setStatus(status);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; hospitalRepository.save(hospital);

&nbsp;&nbsp;&nbsp; }

}</code></pre> 3、对接前端 （1）确认入口 <img alt="" height="195" src="https://img-blog.csdnimg.cn/e99ea3cc64e4491895fc232c4923638f.png" width="499"> （2）添加api <pre><code>//上下线

&nbsp;&nbsp;&nbsp; updateStatus(id, status) {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return request({

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url: `${api_name}/updateStatus/${id}/${status}`,

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; method: 'get'

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; })

&nbsp;&nbsp;&nbsp; }</code></pre> （3）确认页面 <img alt="" height="286" src="https://img-blog.csdnimg.cn/1418e968c09549138a562de13ca406cc.png" width="426"> （4）实现js <pre><code>//上下线

&nbsp;&nbsp;&nbsp; updateStatus(id, status) {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; hospApi.updateStatus(id, status).then(response =&gt; {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.$message({

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; type: "success",

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; message: "操作成功!"

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.fetchData();

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });

&nbsp;&nbsp;&nbsp; }</code></pre> （5）测试 <img alt="" height="193" src="https://img-blog.csdnimg.cn/277ab24d62df483fb4c0428d35a6f44a.png" width="486"> </td> 
 </tr> 
 </tbody> 
</table>

###### 医院详情查询实现 ######

@GetMapping("show/{id}")

public R show(

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @PathVariable String id) {

&nbsp;&nbsp;&nbsp; Map&lt;String,Object&gt; map = hospitalService.show(id);

&nbsp;&nbsp;&nbsp; return R.ok().data(map);

}</pre> （3）实现service <pre style="margin-left:.0001pt;text-align:left;">//获取医院详情

 @Override

public Map&lt;String, Object&gt; show(String id) {

&nbsp;&nbsp;&nbsp; Hospital hospital = this.packHospital(hospitalRepository.findById(id).get()) ;

&nbsp;&nbsp;&nbsp; BookingRule bookingRule = hospital.getBookingRule();

&nbsp;&nbsp;&nbsp; hospital.setBookingRule(null);

&nbsp;&nbsp;&nbsp; Map&lt;String, Object&gt; result = new HashMap&lt;&gt;();

&nbsp;&nbsp;&nbsp; result.put("hospital",hospital);

&nbsp;&nbsp;&nbsp; result.put("bookingRule",bookingRule);

&nbsp;&nbsp;&nbsp; return result;

}</pre> （4）测试 <img alt="" height="358" src="https://img-blog.csdnimg.cn/185fc8548ed44e90ac3cac0ff7ab9c7f.png" width="446"> 2、对接前端 （1）确认入口 <img alt="" height="177" src="https://img-blog.csdnimg.cn/15e32575975847e0a1281ba55a5baf7e.png" width="480"> <pre><code>&lt;router-link :to="'/yygh/hospset/hospital/show/'+scope.row.id"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-button type="primary" size="mini"&gt;查看&lt;/el-button&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/router-link&gt;

（2）添加隐藏路由

{

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; path: 'hospital/show/:id',

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name: '查看',

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; component: () =&gt; import('@/views/yygh/hosp/show'),

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; meta: { title: '查看', noCache: true },

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; hidden: true

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }</code></pre> （3）创建页面，保存路由 <img alt="" height="111" src="https://img-blog.csdnimg.cn/3fb1f4361f8041ee998a98e21a702b15.png" width="102"> <pre><code>（4）添加api接口方法

//查看医院详情

&nbsp;&nbsp;&nbsp; getHospById(id) {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return request({

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url: `${api_name}/show/${id}`,

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; method: 'get'

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; })

&nbsp;&nbsp;&nbsp; }

（5）添加页面元素

&lt;template&gt;

&nbsp; &lt;div class="app-container"&gt;

&nbsp;&nbsp;&nbsp; &lt;h4&gt;基本信息&lt;/h4&gt;

&nbsp;&nbsp;&nbsp; &lt;table class="table table-striped table-condenseda table-bordered" width="100%"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tbody&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th width="15%"&gt;医院名称&lt;/th&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="35%"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b style="font-size: 14px"&gt;{
       { hospital.hosname }}&lt;/b&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | {
       { hospital.param.hostypeString }}

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th width="15%"&gt;医院logo&lt;/th&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="35%"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;img :src="'data:image/jpeg;base64,'+hospital.logoData" width="80"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;医院编码&lt;/th&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;{
       { hospital.hoscode }}&lt;/td&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;地址&lt;/th&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;{
       { hospital.param.fullAddress }}&lt;/td&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;坐车路线&lt;/th&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td colspan="3"&gt;{
       { hospital.route }}&lt;/td&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;医院简介&lt;/th&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td colspan="3"&gt;{
       { hospital.intro }}&lt;/td&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tbody&gt;

&nbsp;&nbsp;&nbsp; &lt;/table&gt;

&nbsp;&nbsp;&nbsp; &lt;h4&gt;预约规则信息&lt;/h4&gt;

&nbsp;&nbsp;&nbsp; &lt;table class="table table-striped table-condenseda table-bordered" width="100%"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tbody&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th width="15%"&gt;预约周期&lt;/th&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="35%"&gt;{
       { bookingRule.cycle }}天&lt;/td&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th width="15%"&gt;放号时间&lt;/th&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="35%"&gt;{
       { bookingRule.releaseTime }}&lt;/td&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;停挂时间&lt;/th&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;{
       { bookingRule.stopTime }}&lt;/td&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;退号时间&lt;/th&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;{
       { bookingRule.quitDay == -1 ? '就诊前一工作日' : '就诊当日' }}{
       { bookingRule.quitTime }} 前取消&lt;/td&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;预约规则&lt;/th&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td colspan="3"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ol&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li v-for="item in bookingRule.rule" :key="item"&gt;{
       { item }}&lt;/li&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ol&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;br&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-row&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;el-button @click="back"&gt;返回&lt;/el-button&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/el-row&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tbody&gt;

&nbsp;&nbsp;&nbsp; &lt;/table&gt;

&nbsp; &lt;/div&gt;

&lt;/template&gt;

（6）实现js

&lt;script&gt;

import hospApi from "@/api/yygh/hosp";

export default {

&nbsp;&nbsp;&nbsp; data () {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; hospital:{},//医院基本信息

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; bookingRule:{}//预约规则

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }

&nbsp;&nbsp;&nbsp; },

&nbsp;&nbsp;&nbsp; created () {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; let id = this.$route.params.id

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.init(id)

&nbsp;&nbsp;&nbsp; },

&nbsp;&nbsp;&nbsp; methods: {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; init(id){

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; hospApi.getHospById(id).then(response=&gt;{

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.hospital = response.data.hospital

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.bookingRule = response.data.bookingRule

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; })

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; },

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; back(){

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.$router.push({path:"/yygh/hospset/hospital/list"})

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }

&nbsp;&nbsp;&nbsp; }

}

&lt;/script&gt;</code></pre> （7）添加css 第一、将show.css文件复制到src/styles目录 <img alt="" height="507" src="https://img-blog.csdnimg.cn/4a21a199afd14eacbdc71ca86870e166.png" width="753"> 第二、在src/main.js文件添加引用 import '@/styles/show.css' <img alt="" height="293" src="https://img-blog.csdnimg.cn/0d25252bb56147dab7e00ec1ffd7c3d4.png" width="526"> <img alt="" height="660" src="https://img-blog.csdnimg.cn/e35412548e8f47d1b38d20f02ba3bdb6.png" width="1178"> </td> 
 </tr> 
 </tbody> 
</table>

###### Spring Cloud GateWay网关搭建 ######

&nbsp;&nbsp;&nbsp; &lt;dependency&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;groupId&gt;com.atguigu&lt;/groupId&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;artifactId&gt;common_utils&lt;/artifactId&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;version&gt;0.0.1-SNAPSHOT&lt;/version&gt;

&nbsp;&nbsp;&nbsp; &lt;/dependency&gt;

&nbsp;&nbsp;&nbsp; &lt;dependency&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;groupId&gt;org.springframework.cloud&lt;/groupId&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;artifactId&gt;spring-cloud-starter-gateway&lt;/artifactId&gt;

&nbsp;&nbsp;&nbsp; &lt;/dependency&gt;

&nbsp;&nbsp;&nbsp; &lt;!-- 服务注册 --&gt;

&nbsp;&nbsp;&nbsp; &lt;dependency&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;groupId&gt;com.alibaba.cloud&lt;/groupId&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;artifactId&gt;spring-cloud-starter-alibaba-nacos-discovery&lt;/artifactId&gt;

&nbsp;&nbsp;&nbsp; &lt;/dependency&gt;

&lt;/dependencies&gt;</pre> （3）编写application.properties配置文件 <pre style="margin-left:.0001pt;text-align:left;"># 服务端口

 server.port=8200

# 服务名

 spring.application.name=service-gateway

# nacos服务地址

 spring.cloud.nacos.discovery.server-addr=127.0.0.1:8848

#使用服务发现路由

 spring.cloud.gateway.discovery.locator.enabled=true

#设置路由id

spring.cloud.gateway.routes[0].id=service-hosp

#设置路由的uri

spring.cloud.gateway.routes[0].uri=lb://service-hosp

#设置路由id

spring.cloud.gateway.routes[1].id=service-cmn

#设置路由的uri

spring.cloud.gateway.routes[1].uri=lb://service-cmn

#设置路由断言,代理servicerId为auth-service的/auth/路径

 spring.cloud.gateway.routes[1].predicates= Path=/*/cmn/**</pre> （4）添加主目录、启动类 <img alt="" height="127" src="https://img-blog.csdnimg.cn/ec6974913be54956af6c3efb25a74cf4.png" width="292"> <pre style="margin-left:.0001pt;text-align:left;">@SpringBootApplication

public class ApiGatewayApplication {

&nbsp;&nbsp;&nbsp; public static void main(String[] args) {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; SpringApplication.run(ApiGatewayApplication.class, args);

&nbsp;&nbsp;&nbsp; }

public class CorsConfig {

&nbsp;&nbsp;&nbsp; @Bean

&nbsp;&nbsp;&nbsp; public CorsWebFilter corsFilter() {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; CorsConfiguration config = new CorsConfiguration();

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; config.addAllowedMethod("*");

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; config.addAllowedOrigin("*");

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; config.addAllowedHeader("*");

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(new PathPatternParser());

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; source.registerCorsConfiguration("/**", config);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return new CorsWebFilter(source);

&nbsp;&nbsp;&nbsp; }

}</pre> （2）测试 <img alt="" height="116" src="https://img-blog.csdnimg.cn/139c6f0ea9544132aee394d6957f4d54.png" width="830"> <img alt="" height="238" src="https://img-blog.csdnimg.cn/e9312deac4c44f8db6138ed3515f0b0a.png" width="599"> <img alt="" height="183" src="https://img-blog.csdnimg.cn/bd0eedfd7b29434aaf6b9010ef92739f.png" width="525"> </td> 
 </tr> 
 </tbody> 
</table>

###### 医院排班管理需求分析 ######

###### 查看医院所有科室接口、前端 ######

@RestController

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

public class DepartmentController {

&nbsp;&nbsp;&nbsp; @Autowired

&nbsp;&nbsp;&nbsp; private DepartmentService departmentService;

&nbsp;&nbsp;&nbsp; //根据医院编号，查询医院所有科室列表

&nbsp;&nbsp;&nbsp; @ApiOperation(value = "查询医院所有科室列表")

&nbsp;&nbsp;&nbsp; @GetMapping("getDeptList/{hoscode}")

&nbsp;&nbsp;&nbsp; public R getDeptList(@PathVariable String hoscode) {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; List&lt;DepartmentVo&gt; list = departmentService.getDeptListTree(hoscode);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return R.ok().data("list",list);

&nbsp;&nbsp;&nbsp; }

}</code></pre> （3）如果是mysql如何实现 #查询大科室集合 SELECT d.bigcode ,d.bigname,COUNT(d.id) &nbsp;FROM Department d GROUP BY d.bigcode ,d.bigname; #遍历大科室集合，根据bigcode查询小科室集合 SELECT * FROM Department d WHERE d.bigcode = '大科室编码'; （4）梳理实现步骤 <pre><code>//根据医院编号，查询医院所有科室列表