|
|
@ -24,11 +24,15 @@ |
|
|
<van-tabs v-model:active="active" sticky @click-tab="onClickTab"> |
|
|
<van-tabs v-model:active="active" sticky @click-tab="onClickTab"> |
|
|
<van-tab v-for="(item, index) in data.list" :title="item.title"> |
|
|
<van-tab v-for="(item, index) in data.list" :title="item.title"> |
|
|
<div v-if="data.TabId == 0" style="height: calc(100vh - 1.2rem);"> |
|
|
<div v-if="data.TabId == 0" style="height: calc(100vh - 1.2rem);"> |
|
|
<appointmentList :isReg="0" /> |
|
|
<appointmentAdd :isReg="2" /> |
|
|
</div> |
|
|
</div> |
|
|
<div v-if="data.TabId == 1" style="height: calc(100vh - 1.2rem);"> |
|
|
<div v-if="data.TabId == 1" style="height: calc(100vh - 1.2rem);"> |
|
|
|
|
|
<appointmentList :isReg="0" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div v-if="data.TabId == 2" style="height: calc(100vh - 1.2rem);"> |
|
|
<appointmentList :isReg="1" /> |
|
|
<appointmentList :isReg="1" /> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</van-tab> |
|
|
</van-tab> |
|
|
</van-tabs> |
|
|
</van-tabs> |
|
|
</div> |
|
|
</div> |
|
|
@ -36,18 +40,23 @@ |
|
|
|
|
|
|
|
|
<script setup name="complaintBase"> |
|
|
<script setup name="complaintBase"> |
|
|
import appointmentList from '@/views/administrative/appointmentList.vue'; |
|
|
import appointmentList from '@/views/administrative/appointmentList.vue'; |
|
|
|
|
|
import appointmentAdd from '@/views/administrative/appointment.vue'; |
|
|
|
|
|
|
|
|
const {useCommon} = $globalStore; |
|
|
const {useCommon} = $globalStore; |
|
|
//路由参数 |
|
|
//路由参数 |
|
|
const router = useRouter(); |
|
|
const router = useRouter(); |
|
|
const route = useRoute(); |
|
|
const route = useRoute(); |
|
|
|
|
|
|
|
|
//tab切换 |
|
|
//tab切换 |
|
|
const active = ref(0); |
|
|
const active = ref(0); |
|
|
const data = reactive({ |
|
|
const data = reactive({ |
|
|
status: 0, |
|
|
status: 0, |
|
|
TabId: 0, |
|
|
TabId: 0, |
|
|
list: [ |
|
|
list: [ |
|
|
|
|
|
{ |
|
|
|
|
|
title: '创建检查预告', |
|
|
|
|
|
value: '2' |
|
|
|
|
|
}, |
|
|
{ |
|
|
{ |
|
|
title: '实时检查预告', |
|
|
title: '实时检查预告', |
|
|
value: '0' |
|
|
value: '0' |
|
|
@ -56,14 +65,17 @@ |
|
|
title: '历史预告记录', |
|
|
title: '历史预告记录', |
|
|
value: '1' |
|
|
value: '1' |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
], |
|
|
], |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
const onClickTab = ({ title }) => { |
|
|
const onClickTab = ({ title }) => { |
|
|
if(title == '实时检查预告'){ |
|
|
if(title == '实时检查预告'){ |
|
|
data.TabId = 0; |
|
|
|
|
|
}else{ |
|
|
|
|
|
data.TabId = 1; |
|
|
data.TabId = 1; |
|
|
|
|
|
}else if(title == '历史预告记录'){ |
|
|
|
|
|
data.TabId = 2; |
|
|
|
|
|
}else{ |
|
|
|
|
|
data.TabId = 0; |
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
@ -191,7 +203,7 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/deep/ .van-tabs__line { |
|
|
/deep/ .van-tabs__line { |
|
|
width: 44%; |
|
|
width: 27%; |
|
|
height: 0.06rem; |
|
|
height: 0.06rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|