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-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;
} }

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

Loading…
Cancel
Save