pull/1/head
parent
3fd146e473
commit
0b300a457b
@ -0,0 +1,46 @@
|
||||
<template>
|
||||
<el-menu
|
||||
:default-active="'/index'"
|
||||
router
|
||||
mode="horizontal"
|
||||
background-color="white"
|
||||
text-color="#222"
|
||||
active-text-color="red"
|
||||
style="min-width: 1300px">
|
||||
<el-menu-item v-for="(item,i) in navList" :key="i" :index="item.name">
|
||||
{{ item.navItem }}
|
||||
</el-menu-item>
|
||||
<a href="#nowhere" style="color: #222;float: right;padding: 20px;">更多功能</a>
|
||||
<i class="el-icon-menu" style="float:right;font-size: 45px;color: #222;padding-top: 8px"></i>
|
||||
<span style="position: absolute;padding-top: 20px;right: 43%;font-size: 20px;font-weight: bold">欢迎进入校医院管理系统</span>
|
||||
</el-menu>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'NavMenu',
|
||||
data () {
|
||||
return {
|
||||
navList: [
|
||||
{name: '/index', navItem: '首页'},
|
||||
{name: '/register', navItem: '预约挂号'},
|
||||
{name: '/shop', navItem: '购药'},
|
||||
{name: '/advance', navItem: '预问诊'},
|
||||
{name: '/records', navItem: '个人记录'},
|
||||
{name: '/treatment', navItem: '就诊记录'},
|
||||
{name: '/setting', navItem: '设置'}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
span {
|
||||
pointer-events: none;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,210 @@
|
||||
<template>
|
||||
<el-form>
|
||||
<h3 class="login_title">欢迎登录校医院智能管理系统</h3>
|
||||
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
||||
<el-tab-pane label="挂号信息" name="first">
|
||||
<el-form-item label="请输入医生姓名或科室来查询:" label-width="500px">
|
||||
<el-input type="text" v-model="doctorname" prop="doctor" size="medium" style="width: 300px;
|
||||
margin-right: 10px" auto-complete="off" placeholder="请输入:"></el-input>
|
||||
<el-button size="small" type="primary" icon="el-icon-search" @click="searchClick">搜索</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-table
|
||||
:data="records"
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="患者姓名"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="major"
|
||||
label="学院"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="department"
|
||||
label="科室"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="doctor"
|
||||
label="主治医师"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="time"
|
||||
label="预约时间"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="idnum"
|
||||
label="预约号"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="180">
|
||||
<el-button type="text" @click="dialogVisible = true">处理</el-button>
|
||||
<el-dialog
|
||||
title="接诊"
|
||||
:visible.sync="dialogVisible"
|
||||
width="30%"
|
||||
:before-close="handleClose"
|
||||
:data="DocForm"
|
||||
append-to-body>
|
||||
<el-form-item label="医生:">
|
||||
<el-input type="text" v-model="DocForm.doctorname" prop="doctorname" clearable
|
||||
auto-complete="off" placeholder="请输入医生姓名:"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="患者:">
|
||||
<el-input type="text" v-model="DocForm.ghname" prop="ghname" clearable
|
||||
auto-complete="off" placeholder="请输入患者姓名:"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="预约号:">
|
||||
<el-input type="text" v-model="DocForm.yyh" prop="yyh" clearable
|
||||
auto-complete="off" placeholder="请输入预约号:"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="症状:">
|
||||
<el-input type="textarea" v-model="DocForm.zhengz" prop="zhengz" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="诊断:">
|
||||
<el-input type="textarea" v-model="DocForm.zhend" prop="zhend" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="疗程:">
|
||||
<el-input type="textarea" v-model="DocForm.liaoc" prop="liaoc" clearable></el-input>
|
||||
</el-form-item>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="onSubmit">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="接诊记录" name="second">
|
||||
<el-table
|
||||
:data="records"
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
prop="doctorname"
|
||||
label="医生"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="ghname"
|
||||
label="患者"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="yyh"
|
||||
label="预约号"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="zhengz"
|
||||
label="症状"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="zhend"
|
||||
label="诊断"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="lc"
|
||||
label="疗程"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="设置" name="third">角色管理</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-form>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: 'DocrecordIndex',
|
||||
data () {
|
||||
return {
|
||||
DocForm: {
|
||||
doctorname: '',
|
||||
ghname: '',
|
||||
yyh: '',
|
||||
zhengz: '',
|
||||
zhend: '',
|
||||
liaoc: ''
|
||||
},
|
||||
records: [],
|
||||
activeName: 'first',
|
||||
dialogVisible: false,
|
||||
doczy: []
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
this.loadRecords()
|
||||
/** this.loadDocyz() **/
|
||||
},
|
||||
methods: {
|
||||
loadRecords () {
|
||||
var _this = this
|
||||
this.$axios.get('/docrecords').then(resp => {
|
||||
if (resp && resp.status === 200) {
|
||||
_this.records = resp.data
|
||||
}
|
||||
})
|
||||
},
|
||||
handleClick (tab, event) {
|
||||
console.log(tab, event)
|
||||
},
|
||||
handleClose (done) {
|
||||
this.$confirm('确认关闭？')
|
||||
.then(_ => {
|
||||
done()
|
||||
})
|
||||
.catch(_ => {})
|
||||
},
|
||||
/**
|
||||
searchClick () {
|
||||
var _this = this
|
||||
this.$axios
|
||||
.post('/docrecords', {
|
||||
doctor: this.DocForm.doctor
|
||||
}).then(resp => {
|
||||
if (resp && resp.status === 200) {
|
||||
_this.records = resp.data
|
||||
}
|
||||
})
|
||||
},**/
|
||||
onSubmit () {
|
||||
this.$axios
|
||||
.post('/docrecords', {
|
||||
doctorname: this.DocForm.doctorname,
|
||||
ghname: this.DocForm.ghname,
|
||||
yyh: this.DocForm.yyh,
|
||||
zhengz: this.DocForm.zhengz,
|
||||
zhend: this.DocForm.zhend,
|
||||
liaoc: this.DocForm.liaoc
|
||||
}).then(resp => {
|
||||
if (resp && resp.status === 200) {
|
||||
this.$emit('onSubmit')
|
||||
}
|
||||
})
|
||||
this.$message({
|
||||
message: '成功',
|
||||
type: 'success'
|
||||
})
|
||||
this.$router.replace({path: '/docrecords'})
|
||||
}
|
||||
/** loadDocyz () {
|
||||
var _this = this
|
||||
this.$axios.get('/docrecords').then(resp => {
|
||||
if (resp && resp.status === 200) {
|
||||
_this.doczy = resp.data
|
||||
}
|
||||
})
|
||||
}**/
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<div>
|
||||
Welcome to my System!
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AppIndex'
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,35 @@
|
||||
<template>
|
||||
<el-container>
|
||||
<el-aside style="width: 200px;margin-top: 20px">
|
||||
<switch></switch>
|
||||
<SideMenu @indexSelect="listByRegister" ref="sideMenu"></SideMenu>
|
||||
</el-aside>
|
||||
<el-main>
|
||||
<record class="record-area" ref="recordArea"></record>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import SideMenu from './SideMenu'
|
||||
import Record from './record'
|
||||
export default {
|
||||
name: 'RecordIndex',
|
||||
components: {Record, SideMenu},
|
||||
methods: {
|
||||
listByRegister () {
|
||||
var _this = this
|
||||
var url = '/records'
|
||||
this.$axios.get(url).then(resp => {
|
||||
if (resp && resp.status === 200) {
|
||||
_this.$refs.recordArea.records = resp.data
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,34 @@
|
||||
<template>
|
||||
<div style="margin-bottom: 30px;display: flex;justify-content: center;align-items: center">
|
||||
<el-input
|
||||
@keyup.enter.native="searchClick"
|
||||
placeholder="通过姓名搜索..."
|
||||
prefix-icon="el-icon-search"
|
||||
size="small"
|
||||
style="width: 400px;margin-right: 10px"
|
||||
v-model="keywords">
|
||||
</el-input>
|
||||
<el-button size="small" type="primary" icon="el-icon-search" @click="searchClick">搜索</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'SearchBar',
|
||||
data () {
|
||||
return {
|
||||
keywords: '',
|
||||
records: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
searchClick () {
|
||||
this.$emit('onSearch')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,64 @@
|
||||
<template>
|
||||
<el-table
|
||||
:data="records"
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="姓名"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="major"
|
||||
label="学院"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="department"
|
||||
label="科室"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="doctor"
|
||||
label="主治医师"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="time"
|
||||
label="预约时间"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="idnum"
|
||||
label="预约号"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'record',
|
||||
data () {
|
||||
return {
|
||||
records: []
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
this.loadRecords()
|
||||
},
|
||||
methods: {
|
||||
loadRecords () {
|
||||
var _this = this
|
||||
this.$axios.get('/records').then(resp => {
|
||||
if (resp && resp.status === 200) {
|
||||
_this.records = resp.data
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Loading…
Reference in new issue