Browse Source

行政检查预告:修改TAB选项等

v3
蟑螂恶霸 2 years ago
parent
commit
5a67dd4194
  1. 22
      src/views/administrative/appointmentBase.vue
  2. 6
      src/views/administrative/appointmentList.vue

22
src/views/administrative/appointmentBase.vue

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

6
src/views/administrative/appointmentList.vue

@ -31,9 +31,9 @@
<van-button plain hairline :class="9==data.checkNum?'search-button active':'search-button'" @click="selectDate" round type="primary" size="mini">筛选
</van-button>
</div>
<div class="search-button-date">
<!-- <div class="search-button-date">
<span class="date-select" v-show="data.dateShow" @click="selectDate">{{ data.dateSearch }}</span>
<div class="van-hairline--bottom"></div>
<div class="van-hairline&#45;&#45;bottom"></div>
<van-button class="search-button" @click="goAdd" type="primary" size="mini">创建</van-button>
<van-popup v-model:show="data.showDatePicker" position="bottom">
<van-date-picker
@ -46,7 +46,7 @@
@cancel="cancelSelectDate"
/>
</van-popup>
</div>
</div>-->
<!-- 中间 -->
<div class="shop-center">

Loading…
Cancel
Save