待评分工单卡片权限

pages/index/index.uvue

@@ -17,7 +17,7 @@
 					</view>
 					<text class="db-text">待处理工单</text>
 				</view>
-				<view class="db-box" @click="navigateToScoreOrders">
+				<view class="db-box" @click="navigateToScoreOrders" v-if="checkPermi(['gxt:app:toScore'])">
 					<view v-if="selfScoreCount > 0" class="badge"><text class="count">{{ selfScoreCount }}</text></view>
 					<view class="db-block">
 						<view class="db-center-2">
@@ -26,7 +26,7 @@
 					</view>
 					<text class="db-text">待评分工单</text>
 				</view>
-				<view class="db-box" @click="navigateToOverdueOrders" v-if="checkPermi(['gxt:app:overdue'])" >
+				<view class="db-box" @click="navigateToOverdueOrders" >
 					<view v-if="overdueCount > 0" class="badge"><text class="count">{{ overdueCount }}</text></view>
 					<view class="db-block">
 						<view class="db-center-3">
@@ -82,42 +82,48 @@
 			</common-list> -->
 
 			<!-- 超时工单列表 -->
-			<view class="section-title-container" v-if="overdueListData.length > 0 && checkPermi(['gxt:app:overdue'])">
+			<view class="section-title-container">
 				<view class="section-header">
 					<text class="section-title">超时工单</text>
-					<text class="view-all" @click="navigateToOverdueOrders">查看全部</text>
+					<text class="view-all" @click="navigateToOverdueOrders" v-if="overdueListData.length > 0">查看全部</text>
 				</view>
 			</view>
-			<common-list
-				v-if="overdueListData.length > 0 && checkPermi(['gxt:app:overdue'])"
-				:dataList="overdueListData.slice(0, 2)"
-				:loading="overdueLoading"
-				:hasMore="false"
-				:refresherEnabled="false"
-				:itemKey="'id'"
-				@itemClick="handleOverdueItemClick"
-			>
-				<template #default="{ item }">
-					<view class="list-item">
-						<view class="item-container">
-							<view class="item-header">
-								<text class="item-title">{{ getPcsDeviceName(item) }}-{{ getStationName(item) }}</text>
-								<!-- <text class="status-tag status-suspended">{{ getWorkOrderStatus(item) }}</text> -->
-							</view>
-							<view class="info-row">
-								<text class="text-gray">工单编码：{{ getWorkOrderProjectNo(item) }}</text>
-								<!-- <text class="text-gray overdue-title">{{ getRemark(item) }}</text> -->
-							</view>
-							<view class="info-row">
-								<text class="overdue-title">{{ getRemark(item) }}</text>
+			<template v-if="overdueListData.length > 0">
+				<common-list
+					:dataList="overdueListData.slice(0, 2)"
+					:loading="overdueLoading"
+					:hasMore="false"
+					:refresherEnabled="false"
+					:itemKey="'id'"
+					@itemClick="handleOverdueItemClick"
+				>
+					<template #default="{ item }">
+						<view class="list-item">
+							<view class="item-container">
+								<view class="item-header">
+									<text class="item-title">{{ getPcsDeviceName(item) }}-{{ getStationName(item) }}</text>
+									<!-- <text class="status-tag status-suspended">{{ getWorkOrderStatus(item) }}</text> -->
+								</view>
+								<view class="info-row">
+									<text class="text-gray">工单编码：{{ getWorkOrderProjectNo(item) }}</text>
+									<!-- <text class="text-gray overdue-title">{{ getRemark(item) }}</text> -->
+								</view>
+								<view class="info-row">
+									<text class="overdue-title">{{ getRemark(item) }}</text>
+								</view>
 							</view>
 						</view>
-					</view>
-				</template>
-				<template #loadMore>
-					<view></view>
-				</template>
-			</common-list>
+					</template>
+					<template #loadMore>
+						<view></view>
+					</template>
+				</common-list>
+			</template>
+			<template v-else>
+			  <view class="empty-tips">
+			    <text class="empty-text">暂无超时工单</text>
+			  </view>
+			</template>
         </scroll-view>
 
         <!-- 底部 TabBar -->
@@ -313,7 +319,7 @@
 		// uni.redirectTo({
 		//     url: '/pages/order/index?isDeal=1'
 		// })
-		
+
 		// 跳转到待处理工单页面
 		uni.navigateTo({
 		    url: '/pages/order/pendingOrder'
@@ -846,4 +852,14 @@
 		color: #ff4d4f;
 		border-color: #ffccc7;
 	}
+	.empty-tips {
+	    padding: 30rpx;
+	    justify-content: center;
+	    align-items: center;
+
+	    .empty-text {
+	        font-size: 26rpx;
+	        color: #999999;
+	    }
+	}
 </style>