3、科室管理
2020-05-07 本文已影响0人
wqjcarnation
前台
前置任务
表名:ConstantType(常数类别表)
表名:ConstantItem(常数项表)
表名:Department (科室表)
<template>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<el-form-item label="科室编码" prop="deptCode">
<el-input v-model="ruleForm.deptCode"></el-input>
</el-form-item>
<el-form-item label="科室名称" prop="deptName">
<el-input v-model="ruleForm.deptName"></el-input>
</el-form-item>
<el-form-item label="科室分类" prop="deptCategoryId">
<el-select v-model="ruleForm.deptCategoryId" placeholder="请选择科室">
<el-option v-for="item in options" :label="item.constantName" :value="item.id" :key="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="科室类型" prop="deptType">
<el-radio-group v-model="ruleForm.deptType">
<el-radio label="1" >临床科室</el-radio>
<el-radio label="2" >医技科室</el-radio>
<el-radio label="3" >财务</el-radio>
<el-radio label="4" >行政</el-radio>
<el-radio label="5" >其它</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
<el-button @click="resetForm('ruleForm')">重置</el-button>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
options:'',
ruleForm: {
deptCode:'',
deptName:'',
deptCategoryId: '',
deptType: ''
},
rules:{
deptCode:[{required: true, message: '请输入科室编码,如:xhwk', trigger: 'blur'}],
deptName:[{required:true,message:'请输入科室名称,如:消化外科',trigger:'blur'}]
}
};
},
methods: {
findAllDeptCategory(){
//请求后台,查询所有的科室分类
this.$axios.get("http://localhost:8080/constantItem/findByTypeId?typeid=402880ed71ecf0ef0171ecf3182c0000")
.then(response=>{
console.log(response.data);
/**
{"constantTypeID":"402880ed71ecf0ef0171ecf3182c0000","id":"402880ed71ecf9f30171ecff858d0000","contantCode":"NK","constantName":"内科","delMark":"1"}
*/
this.options = response.data;
})
.catch()
},
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
console.log(this.ruleForm.deptCode);
console.log(this.ruleForm.deptName);
console.log(this.ruleForm.deptCategoryID);
console.log(this.ruleForm.deptType);
this.$axios.post("http://localhost:8080/department/save",this.ruleForm)
.then(response=>{
//成功处理
})
.catch(error=>{
//失败处理
})
} else {
console.log('error submit!!');
return false;
}
});
},
resetForm(formName) {
this.$refs[formName].resetFields();
}
},
mounted(){
this.findAllDeptCategory()
}
}
</script>
<style>
</style>
后台
@Entity
@Table(name="t_department")
public class Department {
@Id
@GeneratedValue(strategy=GenerationType.IDENTITY)
@Column(name="id",length=9)
//ID
private Integer id;
@Column(name="deptCode",length=64,nullable=false)
//科室编码
private String deptCode;
@Column(name="deptName",length=64,nullable=false)
//科室名称
private String deptName;
@Column(name="deptCategoryId",length=32)
//科室分类
private String deptCategoryId;
@Column(name="deptType",length=1)
//科室类型
private int deptType;
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getDeptCode() {
return deptCode;
}
public void setDeptCode(String deptCode) {
this.deptCode = deptCode;
}
public String getDeptName() {
return deptName;
}
public void setDeptName(String deptName) {
this.deptName = deptName;
}
public int getDeptType() {
return deptType;
}
public void setDeptType(int deptType) {
this.deptType = deptType;
}
public String getDeptCategoryId() {
return deptCategoryId;
}
public void setDeptCategoryId(String deptCategoryId) {
this.deptCategoryId = deptCategoryId;
}
}
@RestController
@RequestMapping("department")
public class DepartmentController {
@Autowired
IDepartmentService departmentService;
@RequestMapping("save")
public Department save(@RequestBody Department department){
Department departmentResult=departmentService.save(department);
return department;
}
}
@Service
public class DepartmentServiceImpl implements IDepartmentService {
@Autowired
DepartmentRepository departmentRepository;
@Override
public Department save(Department department) {
return departmentRepository.save(department);
}
}
public interface DepartmentRepository extends JpaRepository<Department, Integer> {
}