reactor:优化选择时间类型;

src/views/home/components/Todo-center.vue

@@ -2,63 +2,63 @@
 	<el-card shadow="never" class="mb20">
 		<div class="tab-container">
 			<el-tabs v-model="activeName" @tab-change="handleChange">
-				<el-tab-pane name="all">
+				<el-tab-pane name="all" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-suoyou" class="mr3 mt2" size="18px" />所有<span>({{ allNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="waited" v-if="waited">
+				<el-tab-pane name="waited" v-if="waited" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-daiban" class="mr3 mt2" size="18px" />待办件<span>({{ state.waitedNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="waitedExpired" v-if="waitedExpired">
+				<el-tab-pane name="waitedExpired" v-if="waitedExpired" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-chaoqi1" class="mr3 mt2" size="18px" />已超期<span>({{ state.waitedExpiredNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="visit" v-if="visit">
+				<el-tab-pane name="visit" v-if="visit" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-outbound" class="mr3 mt2" size="18px" />回访待办<span>({{ state.visitListNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="sign" v-if="sign">
+				<el-tab-pane name="sign" v-if="sign" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-huiqian" class="mr3 mt2" size="18px" />会签待办<span>({{ state.signDataNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="delay" v-if="delay">
+				<el-tab-pane name="delay" v-if="delay" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-yanqi" class="mr3 mt2" size="18px" />延期待审批<span>({{ state.delayNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="nearlyExpired" v-if="nearlyExpired">
+				<el-tab-pane name="nearlyExpired" v-if="nearlyExpired" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-chaoqi" class="mr3 mt2" size="18px" />即将超期<span>({{ state.nearlyExpiredNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="screen" v-if="screen">
+				<el-tab-pane name="screen" v-if="screen" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-zhenbiechaxun" class="mr3 mt2" size="18px" />甄别待审批<span>({{ state.screenNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="sendBackAudit" v-if="sendBackAudit">
+				<el-tab-pane name="sendBackAudit" v-if="sendBackAudit" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-wj-thwj" class="mr3 mt2" size="18px" />退回待审批<span>({{ state.sendBackAuditNum }})</span>
@@ -66,7 +66,7 @@
 					</template>
 				</el-tab-pane>
 			</el-tabs>
-			<el-button class="more-button" link type="primary" @click="linkList" v-show="activeName !== 'all'"
+			<el-button class="more-button" link type="primary" @click="linkList" :loading="state.tableLoading" v-show="activeName !== 'all'"
 				>更多<SvgIcon name="ele-ArrowRight"
 			/></el-button>
 		</div>

src/views/home/components/Todo-department.vue

@@ -2,63 +2,63 @@
 	<el-card shadow="never" class="mb20">
 		<div class="tab-container">
 			<el-tabs v-model="activeName" @tab-change="handleChange">
-				<el-tab-pane name="all">
+				<el-tab-pane name="all" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-suoyou" class="mr3 mt2" />所有<span>({{ allNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="waited" v-if="waited">
+				<el-tab-pane name="waited" v-if="waited" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-daiban" class="mr3 mt2" size="18px"/>待办件<span>({{ state.waitedNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="waitedExpired" v-if="waitedExpired">
+				<el-tab-pane name="waitedExpired" v-if="waitedExpired" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-chaoqi1" class="mr3 mt2" size="18px"/>已超期<span>({{ state.waitedExpiredNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="sign" v-if="sign">
+				<el-tab-pane name="sign" v-if="sign" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-huiqian" class="mr3 mt2" size="18px"/>会签待办<span>({{ state.signDataNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="screen" v-if="screen">
+				<el-tab-pane name="screen" v-if="screen" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-zhenbiechaxun" class="mr3 mt2" size="18px"/>甄别待审批<span>({{ state.screenNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="delay" v-if="delay">
+				<el-tab-pane name="delay" v-if="delay" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-yanqi" class="mr3 mt2" size="18px"/>延期待审批<span>({{ state.delayNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="nearlyExpired" v-if="nearlyExpired">
+				<el-tab-pane name="nearlyExpired" v-if="nearlyExpired" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-chaoqi" class="mr3 mt2" size="18px" />部门即将超期<span>({{ state.nearlyExpiredNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="screenApply" v-if="screenApply">
+				<el-tab-pane name="screenApply" v-if="screenApply" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-chaoqigongdan" class="mr3 mt2" size="18px"/>甄别待申请<span>({{ state.screenApplyNum }})</span>
 						</div>
 					</template>
 				</el-tab-pane>
-				<el-tab-pane name="sendBackAudit" v-if="sendBackAudit">
+				<el-tab-pane name="sendBackAudit" v-if="sendBackAudit" :disabled="state.tableLoading">
 					<template #label>
 						<div class="flex-center-center">
 							<SvgIcon name="iconfont icon-wj-thwj" class="mr3 mt2" size="18px" /> 退回待审批<span>({{ state.sendBackAuditNum }})</span>
@@ -66,7 +66,7 @@
 					</template>
 				</el-tab-pane>
 			</el-tabs>
-			<el-button class="more-button" link type="primary" @click="linkList" v-show="activeName !== 'all'">更多<SvgIcon name="ele-ArrowRight" /></el-button>
+			<el-button class="more-button" link type="primary" @click="linkList" v-show="activeName !== 'all'" :loading="state.tableLoading">更多<SvgIcon name="ele-ArrowRight" /></el-button>
 		</div>
 		<div style="height: calc(100vh - 330px); overflow: hidden">
 			<el-auto-resizer>