|
|
@@ -8,11 +8,16 @@
|
|
|
<mt-button type="primary" size="small" @click="getData()">搜索</mt-button>
|
|
|
</mt-field>
|
|
|
</div>
|
|
|
- <mt-navbar v-model="selected">
|
|
|
- <mt-tab-item id="1">医生</mt-tab-item>
|
|
|
- <mt-tab-item id="2">患者</mt-tab-item>
|
|
|
- <mt-tab-item id="3">方案</mt-tab-item>
|
|
|
- </mt-navbar>
|
|
|
+ <!-- <mt-navbar v-model="selected">
|
|
|
+ <mt-tab-item id="1"><span @click.prevent="tabChange">医生</span></mt-tab-item>
|
|
|
+ <mt-tab-item id="2"><span @click.prevent="tabChange">患者</span></mt-tab-item>
|
|
|
+ <mt-tab-item id="3"><span @click.prevent="tabChange">方案</span></mt-tab-item>
|
|
|
+ </mt-navbar> -->
|
|
|
+ <div class="cusNav">
|
|
|
+ <div :class="['cusNavItem',selected==1?'active':'']" @click="tabChange(1)">医生</div>
|
|
|
+ <div :class="['cusNavItem',selected==2?'active':'']" @click="tabChange(2)">患者</div>
|
|
|
+ <div :class="['cusNavItem',selected==3?'active':'']" @click="tabChange(3)">方案</div>
|
|
|
+ </div>
|
|
|
<!-- 医生 -->
|
|
|
<div class="diagShowForm" v-if="selected=='1'">
|
|
|
<div @click="goToPatient(item)" v-for="(item,index) in doctorList" :key="index" style="display:flex;border-bottom:1px solid #ccc;position: relative;">
|
|
|
@@ -52,7 +57,7 @@
|
|
|
方案时间:{{item.ctime}}
|
|
|
<mt-button type="primary" size="small" @click="showDetail(item.id)">详情</mt-button>
|
|
|
</div>
|
|
|
- <div class="footer">
|
|
|
+ <div class="footer" v-if="index==0">
|
|
|
<div class="jbbtn" @click="add(item)">新增</div>
|
|
|
<div class="jbbtn" @click="edit(item)">调整</div>
|
|
|
</div>
|
|
|
@@ -71,7 +76,8 @@
|
|
|
Search,
|
|
|
Button,
|
|
|
Navbar,
|
|
|
- Badge
|
|
|
+ Badge,
|
|
|
+ Toast
|
|
|
} from 'mint-ui'
|
|
|
|
|
|
export default {
|
|
|
@@ -82,7 +88,8 @@
|
|
|
Search,
|
|
|
Button,
|
|
|
Navbar,
|
|
|
- Badge
|
|
|
+ Badge,
|
|
|
+ Toast
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -94,20 +101,33 @@
|
|
|
caseList: [],
|
|
|
doctorList:[],
|
|
|
patientList:[],
|
|
|
- curDoctor:{}
|
|
|
+ curDoctor:{},
|
|
|
+ curPatient:{}
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ tabChange(i){
|
|
|
+ this.selected = i
|
|
|
+ if(this.selected==2 && !this.curDoctor.id){
|
|
|
+ Toast("请先选择医生")
|
|
|
+ this.selected = 1
|
|
|
+ }
|
|
|
+ if(this.selected==3 && !this.curPatient.id){
|
|
|
+ Toast("请先选择患者")
|
|
|
+ this.selected = 1
|
|
|
+ }
|
|
|
+ },
|
|
|
goToPatient(item){
|
|
|
this.queryForm.cur_doctor_id = item.id
|
|
|
this.getData()
|
|
|
- this.selected = "2"
|
|
|
+ this.selected = 2
|
|
|
this.curDoctor = item
|
|
|
},
|
|
|
goToCase(item){
|
|
|
this.queryForm.patient_id = item.id
|
|
|
this.getData()
|
|
|
- this.selected = "3"
|
|
|
+ this.selected = 3
|
|
|
+ this.curPatient = item
|
|
|
},
|
|
|
goPage(path) {
|
|
|
this.$router.push(path)
|
|
|
@@ -283,4 +303,21 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ .cusNav{
|
|
|
+ width: 94%;
|
|
|
+ display: flex;
|
|
|
+ height: 3.2rem;
|
|
|
+ line-height: 3.2rem;
|
|
|
+ background: #fff;
|
|
|
+ margin:auto;
|
|
|
+ .cusNavItem{
|
|
|
+ width: 33%;
|
|
|
+ font-size:1.2rem;
|
|
|
+ }
|
|
|
+ .active{
|
|
|
+ border-bottom:3px solid #26a2ff;
|
|
|
+ color:#26a2ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
</style>
|