初始化

components/canteenTabbar.vue

@@ -0,0 +1,100 @@
+<template >
+	<view>
+		<u-tabbar v-model="myCurrent" :list="tabbarList" 
+		:before-switch="beforeSwitch" active-color="#1F4A99" inactive-color="#B3BED1"  ></u-tabbar>
+		
+	</view>
+</template>
+
+<script>
+ 	var img1=require('@/components/bar-chart-box-fill 1.png')
+	var img2=require('@/components/bar-chart-box-fill 2.png')
+	var img3=require('@/components/file-list-3-fill.png')
+	var img4=require('@/components/file-list-3-fill (1).png')
+ 	export default {
+		name:"tabbarJob",
+		props:{
+			current: 0,
+			elderStatus: false
+		},
+		data() {
+			return {
+				activeColor:"#1F4A99",
+				oldindex:this.current,
+				 myCurrent:this.current,
+				 tabbarList: [
+					 {
+					 
+				 		iconPath: img2,
+				 		selectedIconPath: img1,
+				 		text: '数据统计 ',
+						pagePath2:"/pages/canteenManagement/dataStatistics/dataStatistics",
+						login:false,
+				 	},
+					{
+					 
+						iconPath: img4,
+						selectedIconPath: img3,
+						text: '消费明细 ',
+						login:true,
+						pagePath2:"/pages/canteenManagement/consumption/consumption",
+						
+					
+					},
+				 	{
+				 		iconPath: "account",
+				 		selectedIconPath: "account-fill",
+				 		text: '个人中心',
+						login:true,
+						pagePath2:"/pages/canteenManagement/mine/mine",
+				 	}
+			 ],
+			};
+			
+		},methods:{
+			setcount(c){
+				//this.myCurrent=c
+			},
+			beforeSwitch(index){
+			
+				var bl=false
+				
+				if(index==this.current){
+					
+					return false
+				}
+				//this.myCurrent=index
+				var url =this.tabbarList[index].pagePath2;
+				
+				if(this.tabbarList[index].login){
+					var userInfo=this.carhelp.getPersonInfo()
+					if(userInfo){
+						
+					}else{
+						url="/pages/login/index"
+						bl=true	
+					}
+					
+				}
+				uni.navigateTo({
+					url: url
+				})
+			
+				
+				
+			},
+			
+		},
+		mounted(){
+			
+		},destroyed(){
+			
+		}
+		
+		
+	}
+</script>
+
+<style>
+	 
+</style>

pages.json

@@ -1,516 +1,438 @@
 {
 
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+		{
+			"path": "pages/homePage/homePage",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/staffHome/staffHome",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/mine",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/login/index",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/news/news",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/news/articleDetails",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/staffHome/commend",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/staffHome/teamHonor/teamHonor",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/staffHome/teamHonor/badgeDetails",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/staffHome/filesonic",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}
+
+		, {
+			"path": "pages/staffHome/activityCenter/activityCenter",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/staffHome/activityCenter/activityDetail",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/staffHome/activityReward/activityReward",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/staffHome/activityReward/rewardDetail",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/search/search",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/search/searchResult",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}
+
+
+		, {
+			"path": "pages/mine/cropImage",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/personalPage",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/issue",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/myLike",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/myComment",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/myWinningRecord",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}
+
+
+		, {
+			"path": "pages/mine/points/points",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/points/rankingList",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/points/pointsExchange/pointsExchange",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/points/pointsExchange/prizeDetails",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/points/pointsExchange/orderDetails",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/data",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/phone",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/result",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/feedback",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/login/login",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/news/list",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/myMealCard",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/mine/paymentCode",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}
+
+		, {
+			"path": "pages/scanToPay/payResult",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/canteenManagement/login",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/canteenManagement/dataStatistics/dataStatistics",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/canteenManagement/consumption/consumption",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/canteenManagement/mine/mine",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/canteenManagement/dataStatistics/records",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/canteenManagement/consumption/consumptionDetail",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/canteenManagement/mine/qrCode",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/staffHome/orderReport",
+			"style": {
+
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/staffHome/filesonicInfo",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
+		// {
+		//     "path" : "pages/videofile/index",
+		//     "style" :                                                                                    
+		//     {
+		//         "navigationBarTitleText": "",
+		//         "enablePullDownRefresh": false
+		//     }
+
+		// }
+		// ,{
+		//     "path" : "pages/videofile/list",
+		//     "style" :                                                                                    
+		//     {
+		//         "navigationBarTitleText": "",
+		//         "enablePullDownRefresh": false
+		//     }
+
+		// },
+
+		{
+			"path": "pages/oawork/index",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/oawork/data1",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/oawork/business/list",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/oawork/business/add",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/oawork/business/info",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/oawork/business/select",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/oawork/approve/list",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/oawork/approve/info",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
+		{
+			"path": "pages/oawork/approve/view",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		},
 		{
-					"path": "pages/homePage/homePage",
-					"style": {
-						
-						"enablePullDownRefresh": false
-					}
-		
-				}, {
-					"path": "pages/staffHome/staffHome",
-					"style": {
-						
-						"enablePullDownRefresh": false
-					}
-		
-				}, {
-					"path": "pages/mine/mine",
-					"style": {
-						
-						"enablePullDownRefresh": false
-					}
-		
-				}, {
-					"path": "pages/login/index",
-					"style": {
-						
-						"enablePullDownRefresh": false
-					}
-		
-				}
-			    ,{
-		            "path" : "pages/news/news",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/news/articleDetails",
-		            "style" :                                                                                    
-		            {
-						
-						"enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/staffHome/commend",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/staffHome/teamHonor/teamHonor",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/staffHome/teamHonor/badgeDetails",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/staffHome/filesonic",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		      
-		        ,{
-		            "path" : "pages/staffHome/activityCenter/activityCenter",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/staffHome/activityCenter/activityDetail",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/staffHome/activityReward/activityReward",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/staffHome/activityReward/rewardDetail",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/search/search",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/search/searchResult",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-				
-				
-				,{
-				    "path" : "pages/mine/cropImage",
-				    "style" :                                                                                    
-				    {
-				        
-				        "enablePullDownRefresh": false
-				    }
-				    
-				}
-		        ,{
-		            "path" : "pages/mine/personalPage",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/mine/issue",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/mine/myLike",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/mine/myComment",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/mine/myWinningRecord",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		       
-		      
-		        ,{
-		            "path" : "pages/mine/points/points",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/mine/points/rankingList",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/mine/points/pointsExchange/pointsExchange",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/mine/points/pointsExchange/prizeDetails",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/mine/points/pointsExchange/orderDetails",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/mine/data",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/mine/phone",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/mine/result",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/mine/feedback",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/login/login",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/news/list",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/mine/myMealCard",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/mine/paymentCode",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        
-		        ,{
-		            "path" : "pages/scanToPay/payResult",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/canteenManagement/login",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/canteenManagement/dataStatistics/dataStatistics",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/canteenManagement/consumption/consumption",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/canteenManagement/mine/mine",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/canteenManagement/dataStatistics/records",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/canteenManagement/consumption/consumptionDetail",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/canteenManagement/mine/qrCode",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/staffHome/orderReport",
-		            "style" :                                                                                    
-		            {
-		                
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        }
-		        ,{
-		            "path" : "pages/staffHome/filesonicInfo",
-		            "style" :                                                                                    
-		            {
-		                "navigationBarTitleText": "",
-		                "enablePullDownRefresh": false
-		            }
-		            
-		        },
-				        {
-				            "path" : "pages/videofile/index",
-				            "style" :                                                                                    
-				            {
-				                "navigationBarTitleText": "",
-				                "enablePullDownRefresh": false
-				            }
-				            
-				        }
-				        ,{
-				            "path" : "pages/videofile/list",
-				            "style" :                                                                                    
-				            {
-				                "navigationBarTitleText": "",
-				                "enablePullDownRefresh": false
-				            }
-				            
-				        },
-
-        {
-            "path" : "pages/oawork/index",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/oawork/data1",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/oawork/business/list",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/oawork/business/add",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/oawork/business/info",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/oawork/business/select",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/oawork/approve/list",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-        ,{
-            "path" : "pages/oawork/approve/info",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-            
-        },
-        {
-        	"path" : "pages/oawork/approve/view",
-        	"style" : 
-        	{
-        		"navigationBarTitleText" : "",
-        		"enablePullDownRefresh" : false
-        	}
-        }
-    ],
-
-	
+			"path" : "pages/videofile/index",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/videofile/list",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
+		}
+	],
+
+
 	"globalStyle": {
 		"navigationStyle": "custom", // 隐藏系统导航栏
 		"navigationBarTitleText": "荆州市地方铁路有限公司微官网",
 		"enablePullDownRefresh": false
 	},
 	"uniIdRouter": {}
-}
+}

pages/homePage/homePage.vue

@@ -1,141 +1,163 @@
 
-<template>
-	<view>
-		<!-- 吸顶搜索框 -->
-		<view class="sticky" v-if="flag">
-			<input type="text" @click="gotoUrl('pages/search/searchResult')" placeholder="请输入搜索内容">
-		</view>
-		<!-- 轮播图 -->
-		<view class="slideshow">
-			<view class="wrap">
-				<view class="search-box"  @click="gotoUrl('pages/search/searchResult')" >
+<template>
+	<view>
+		<!-- 吸顶搜索框 -->
+		<view class="sticky" v-if="flag">
+			<input type="text" @click="gotoUrl('pages/search/searchResult')" placeholder="请输入搜索内容">
+		</view>
+		<!-- 轮播图 -->
+		<view class="slideshow">
+			<view class="wrap">
+				<view class="search-box"  @click="gotoUrl('pages/search/searchResult')" >
 					<u-search color="black"
 					
-					 search-icon-color="#fff" placeholder-color="#fff" bg-color="#8a7170"
-						placeholder="请输入搜索内容" :show-action="false" input-align="center"></u-search>
-				</view>
+					 search-icon-color="#fff" placeholder-color="#fff" bg-color="#8a7170"
+						placeholder="请输入搜索内容" :show-action="false" input-align="center"></u-search>
+				</view>
 				<u-swiper mode="none" @click="swiperclick" img-mode="scaleToFill" 
-				:list="list" :title="true" height="422"></u-swiper>
-			</view>
-		</view>
-		<!-- 公告 -->
-		<view class="notice">
-			<view class="title">
-				公告
-			</view>
+				:list="list" :title="true" height="422"></u-swiper>
+			</view>
+		</view>
+		<!-- 公告 -->
+		<view class="notice">
+			<view class="title">
+				公告
+			</view>
 			<view class="content">
 				<u-notice-bar :volume-icon="false"
 				padding=" 12px 0 " duration="4000" @click="noticeclick"
 				 type="none" :is-circular="false" @change="noticechange"
-				 mode="vertical" :list="toplistShow"></u-notice-bar>
-				
-			</view>
-			<view class="date" v-if="toplist.length">
-				{{substrDate(toplist[topindex].createTime)}}
-			</view>
-		</view>
-		<!-- 宫格 -->
-		<view class="grid">
-			<u-grid :col="4" :border="false">
-				<u-grid-item @click="ckList(noticeList[0],'铁路概况')" >
-					<img src="../../assets/img/tlgk.png" alt="">
-					<view class="grid-text">铁路概况</view>
-				</u-grid-item>
-				<u-grid-item  @click="ckList(noticeList[1],'机构设置')">
-					<img src="../../assets/img/jgsz.png" alt="">
-					<view class="grid-text">机构设置</view>
-				</u-grid-item>
-				<u-grid-item  @click="ckList(noticeList[2],'政务动态')">
-					<img src="../../assets/img/zwdt.png"   alt="">
-					<view class="grid-text">政务动态</view>
-				</u-grid-item>
-				<u-grid-item  @click="ckList(noticeList[3],'党建动态')" >
-					<img src="../../assets/img/djdt.png" alt="">
-					<view class="grid-text">党建动态</view>
-				</u-grid-item>
-				<u-grid-item  @click="ckList(noticeList[4],'法治宣传')"  >
-					<img src="../../assets/img/fzxc.png" alt="">
-					<view class="grid-text">法治宣传</view>
-				</u-grid-item>
-				<u-grid-item  @click="ckList(noticeList[8],'纪检监察')">
-					<img src="../../assets/img/jjjc.png" alt="">
-					<view class="grid-text">纪检监察</view>
-				</u-grid-item>
-				<u-grid-item  @click="ckList(noticeList[9],'文明创建')" >
-					<img src="../../assets/img/wmcj.png" alt="">
-					<view class="grid-text">文明创建</view>
-				</u-grid-item>
-				<u-grid-item @click="ckList(noticeList[5],'为您服务')">
-					<img src="../../assets/img/wnfw.png"  alt="">
-					<view class="grid-text">为您服务</view>
-				</u-grid-item>
-			</u-grid>
-		</view>
-		<!-- 新闻资讯 -->
-		<view class="news"  style="padding-bottom: 0px;">
-			<view class="title">
-				<view class="icon">
-					<img src="../../assets/img/news.png" alt="">
-				</view>
-				<view class="text">
-					新闻资讯
-				</view>
-
-			</view>
-			<view class="news-item" v-for="(item,i) in footlist" @click="ckInfo(item.id)" :key="i" >
-				<view class="content">
-					<view class="news-title">
-						{{item.title}}
-					</view>
-					<view class="information">
-						<view class="classify">
-							{{item.typeName}}
-						</view>
-						<view class="date">
-							{{substrDate(item.createTime)}}
-						</view>
-
-					</view>
-				</view>
-
-				<view class="img">
+				 mode="vertical" :list="toplistShow"></u-notice-bar>
+				
+			</view>
+			<view class="date" v-if="toplist.length">
+				{{substrDate(toplist[topindex].createTime)}}
+			</view>
+		</view>
+		<!-- 宫格 -->
+		<view class="grid">
+			<u-grid :col="5" :border="false">
+				<u-grid-item @click="ckList(noticeList[0],'铁路概况')" >
+					<img src="../../assets/img/tlgk.png" alt="">
+					<view class="grid-text">铁路概况</view>
+				</u-grid-item>
+				<u-grid-item  @click="ckList(noticeList[1],'机构设置')">
+					<img src="../../assets/img/jgsz.png" alt="">
+					<view class="grid-text">机构设置</view>
+				</u-grid-item>
+				<u-grid-item  @click="ckList(noticeList[2],'政务动态')">
+					<img src="../../assets/img/zwdt.png"   alt="">
+					<view class="grid-text">政务动态</view>
+				</u-grid-item>
+				<u-grid-item  @click="ckList(noticeList[3],'党建动态')" >
+					<img src="../../assets/img/djdt.png" alt="">
+					<view class="grid-text">党建动态</view>
+				</u-grid-item>
+				<u-grid-item  @click="ckList(noticeList[4],'法治宣传')"  >
+					<img src="../../assets/img/fzxc.png" alt="">
+					<view class="grid-text">法治宣传</view>
+				</u-grid-item>
+				<u-grid-item  @click="ckList(noticeList[8],'纪检监察')">
+					<img src="../../assets/img/jjjc.png" alt="">
+					<view class="grid-text">纪检监察</view>
+				</u-grid-item>
+				<u-grid-item  @click="ckList(noticeList[9],'文明创建')" >
+					<img src="../../assets/img/wmcj.png" alt="">
+					<view class="grid-text">文明创建</view>
+				</u-grid-item>
+				<u-grid-item @click="ckList(noticeList[5],'为您服务')">
+					<img src="../../assets/img/wnfw.png"  alt="">
+					<view class="grid-text">为您服务</view>
+				</u-grid-item>
+				
+				<u-grid-item @click="gotoUrl('pages/videofile/index')">
+					<img src="../../assets/img/video-file.svg"  alt="">
+					<view class="grid-text">职教在线</view>
+				</u-grid-item>
+				<u-grid-item  @click="gotoUrl('pages/oawork/index')" >
+					<img src="../../assets/img/handbag.png"  alt="">
+					<view class="grid-text">OA办公</view>
+				</u-grid-item>
+				
+			</u-grid>
+		</view>
+		<!-- 新闻资讯 -->
+		<view class="news"  style="padding-bottom: 0px;">
+			<view class="title">
+				<view class="icon">
+					<img src="../../assets/img/news.png" alt="">
+				</view>
+				<view class="text">
+					新闻资讯
+				</view>
+
+			</view>
+			<view class="news-item" v-for="(item,i) in footlist" @click="ckInfo(item.id)" :key="i" >
+				<view class="content">
+					<view class="news-title">
+						{{item.title}}
+					</view>
+					<view class="information">
+						<view class="classify">
+							{{item.typeName}}
+						</view>
+						<view class="date">
+							{{substrDate(item.createTime)}}
+						</view>
+
+					</view>
+				</view>
+
+				<view class="img">
 					<img  v-if="item.pic" :src="imgurl+item.pic" alt="">
 					<img  v-else src="@/assets/img/default_img.png" alt="">
-					
-				</view>
-
-			</view>
-		</view>
-		<u-divider bg-color="#F2F4F4" @click="ckList(noticeList[7],'新闻资讯')" border-color="#CFD2D5">点击查看更多</u-divider>
+					
+				</view>
+
+			</view>
+		</view>
+		<u-divider bg-color="#F2F4F4" @click="ckList(noticeList[7],'新闻资讯')" border-color="#CFD2D5">点击查看更多</u-divider>
 		<tabbar  ref="mytabbar"
-		current="0"></tabbar>
-	</view>
-</template>
-
-<script>
-	import * as API from '@/apis/pagejs/news.js'
-
-	import tabbar from "../../components/Tabbar.vue"
-	export default {
-		components: {
-			tabbar
-		},
-		data() {
+		current="0"></tabbar>
+	</view>
+</template>
+
+<script>
+	import * as API from '@/apis/pagejs/news.js'
+	import getOpenId from '@/apis/utils/init.js'
+	getOpenId.init()
+	
+	import tabbar from "../../components/Tabbar.vue"
+	export default {
+		components: {
+			tabbar
+		},
+		data() {
 			return {
 				noticeList:[
-					"2044eba8-776d-4195-b54f-b3d00928ed98",//	铁路概况0
					"86e29bf7-9e8f-4a28-9361-1001705d3dc6",//	机构设置	1	
					"939fbcca-8c31-478f-a7dc-6c649648164e",//	政务动态	2
					"f57b8b67-db9a-4110-bc9b-7ec382a07954",//	党建动态	3
					"39599bb3-78e9-4e84-99b5-2d6a5c1c40e3",//	法治宣传	4
					"7288376a-b582-4e9a-98fa-c218e35b5c30",//	为您服务5
					"696d571d-54ba-4954-804e-74f4310e4d6a",//	公众参与6
					"ee0ea72a-75bf-4970-ad34-11e3132bc6a3",//	图片新闻7		
					"8e7f6d22-2b5b-4efc-b354-dbcddb46a8b3",//	纪检监察8	
					"a4870553-44e0-4172-91db-263cedf5938f",//	文明创建9	
					"de3958c2-0010-4009-b7e1-15bfdcc60cef",//	通知公告10
+					"2044eba8-776d-4195-b54f-b3d00928ed98",//	铁路概况0
+				"86e29bf7-9e8f-4a28-9361-1001705d3dc6",//	机构设置	1	
+				"939fbcca-8c31-478f-a7dc-6c649648164e",//	政务动态	2
+				"f57b8b67-db9a-4110-bc9b-7ec382a07954",//	党建动态	3
+				"39599bb3-78e9-4e84-99b5-2d6a5c1c40e3",//	法治宣传	4
+				"7288376a-b582-4e9a-98fa-c218e35b5c30",//	为您服务5
+				"696d571d-54ba-4954-804e-74f4310e4d6a",//	公众参与6
+				"ee0ea72a-75bf-4970-ad34-11e3132bc6a3",//	图片新闻7		
+				"8e7f6d22-2b5b-4efc-b354-dbcddb46a8b3",//	纪检监察8	
+				"a4870553-44e0-4172-91db-263cedf5938f",//	文明创建9	
+				"de3958c2-0010-4009-b7e1-15bfdcc60cef",//	通知公告10
 					"",//all   11
 					
-				],
-				flag: false,
-				scrollTop: "",
-				list: [
-				],
+				],
+				flag: false,
+				scrollTop: "",
+				list: [
+				],
 				toplist:[],
 				footlist:[],
 				topindex:0,
-				imgurl:'',
-			}
+				imgurl:'',
+			}
 		},
 		onLoad(){
 			 
@@ -157,7 +179,7 @@
 				}
 				return sz;
 			}
-		},
+		},
 		methods: {
 			noticeclick(e){
 				var id=this.toplist[e].id;
@@ -244,23 +266,23 @@
 						icon: "none"
 					})
 				})
-			},
-			onPageScroll(e) {
-				this.scrollTop = e.scrollTop;
-				//console.log(this.scrollTop);
-				if (this.scrollTop >= 200) {
-					this.flag = true;
-				} else {
-					this.flag = false;
-				}
-			},
-
-		},
-
-
-
-	}
-</script>
+			},
+			onPageScroll(e) {
+				this.scrollTop = e.scrollTop;
+				//console.log(this.scrollTop);
+				if (this.scrollTop >= 200) {
+					this.flag = true;
+				} else {
+					this.flag = false;
+				}
+			},
+
+		},
+
+
+
+	}
+</script>
 
 
 <style scoped lang="scss">

pages/videofile/index.vue

@@ -0,0 +1,66 @@
+<template>
+	<view>
+		<u-navbar title="职教在线">
+			
+		</u-navbar>
+		<view class="mainBody">
+			<view class="mainItem" v-for="(item,i) in  list" :key="i"
+			
+			@click="gotoUrl('pages/videofile/list')"
+			
+			>
+				<view class="name">{{item.name}}</view>
+				<view class="left">
+					<u-icon name="arrow-right" color="#B3B3B3"></u-icon>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list:[{
+					name:"车务段"
+				},{
+					name:"机务段"
+				},{
+					name:"车务段"
+				},{
+					name:"机务段"
+				},{
+					name:"车务段"
+				},{
+					name:"机务段"
+				}]
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style  lang="scss" scoped >
+	.mainBody{
+		.mainItem{
+			color: rgba(16, 16, 16, 1);
+			font-size: 16px;
+			line-height: 20px;
+			border-radius: 8px;
+			background-color: rgba(255, 255, 255, 1);
+			margin: 16px;
+			padding: 12px 16px;
+			display: flex;
+			justify-content: space-between;
+			.name{
+				
+			}
+			.left{
+				
+			}
+		}
+	}
+</style>

pages/videofile/list.vue

@@ -0,0 +1,124 @@
+<template>
+	<view>
+		<u-navbar title="职教在线">
+			
+		</u-navbar>
+		
+		<view class="mainBody">
+			<view class="mainItem"   style="    padding: 3px 16px;">
+					<u-search :bg-color="'#ffffff'"  :show-action="0" placeholder="搜索文档名称" v-model="keyword"></u-search>
+
+			</view>
+			<view class="mainItem" v-for="(item,i) in  list" :key="i"
+			
+			@click="gotoUrl('pages/videofile/list')"
+			
+			>
+				<view class="body">
+					<view class="img">
+						<img src="@/assets/img/JPG.svg">
+					</view>
+					<view class="info">
+						<view class="name">{{item.name}}</view>
+						<view class="text">
+							<view class="time">{{item.time}}</view>
+							<view class="author"><span class="span">{{item.author}}</span>上传</view>
+						</view>
+					</view>
+					
+				</view>
+				
+				<view class="left">
+					<u-icon name="arrow-right" color="#B3B3B3"></u-icon>
+				</view>
+			</view>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list:[{
+					name:"第二期学习资料第二期学习资料第二期学习资料",
+					url:"",
+					img:"",
+					time:"2023-12-03 19:00:00",
+					author:"周琼"
+				},{
+					name:"第二期",
+					url:"",
+					img:"",
+					time:"2023-12-03 19:00:00",
+					author:"周琼"
+				},{
+					name:"第二期学习资料",
+					url:"",
+					img:"",
+					time:"2023-12-03 19:00:00",
+					author:"周琼"
+				},{
+					name:"第二期学习资料",
+					url:"",
+					img:"",
+					time:"2023-12-03 19:00:00",
+					author:"周琼"
+				},]
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+	.mainBody{
+		.mainItem{
+			color: #101010;
+			font-size: 16px;
+			line-height: 20px;
+			border-radius: 8px;
+			background-color: rgba(255, 255, 255, 1);
+			margin: 16px;
+			padding: 12px 16px;
+			display: flex;
+			justify-content: space-between;
+			    align-items: center;
+			.body{
+				display: flex;
+				    width: 100%;
+				    align-items: center;
+					.info{
+						    width: 100%;
+					}
+					.img{
+						    margin-right: 8px;
+					}
+				.text{
+					margin-top: 2px;
+					font-size: 12px;
+					display: flex;
+					justify-content: space-between;
+					color:#9FA3A6;
+					.author{
+						
+						.span{
+							color:#005AD9;
+						}
+					}
+				}
+				
+				
+			}
+			.name{
+				
+			}
+			.left{
+				padding-left: 16px;
+			}
+		}
+	}
+</style>