职教在线

assets/img/JPG.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 128 128" width="24" height="24" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    
+<path d="M74.3679 0L116.258 42.665V113.065C116.258 121.315 109.696 128 101.597 128H26.1932C18.094 128 11.5308 121.309 11.5308 113.065V14.935C11.5314 6.68544 18.0946 0 26.1938 0H74.3679Z" fill="#36D2AD"></path>
+<path d="M116.259 42.665H89.7691C81.6757 42.665 74.3682 35.2288 74.3682 26.9786V0L116.259 42.665V42.665Z" fill="white" fill-opacity="0.4"></path>
+<path d="M76.695 53.3351H34.8031C33.5231 53.3351 32.4761 54.3943 32.4761 55.7031V93.632C32.4761 94.9408 33.5231 96 34.8031 96H76.6943C77.9801 96 79.0214 94.9408 79.0214 93.632V55.7031C79.026 55.0807 78.7836 54.4819 78.3474 54.038C77.9111 53.5941 77.3167 53.3413 76.6943 53.3351H76.695ZM72.0402 88.8845H39.4585V77.0381L46.4409 69.929L58.0767 81.7805L65.0591 74.665L72.0402 81.7805V88.8903V88.8839V88.8845ZM67.3855 69.929C66.7684 69.9237 66.1584 69.7967 65.5904 69.5554C65.0224 69.3141 64.5075 68.9631 64.0753 68.5227C63.643 68.0822 63.3018 67.5609 63.0713 66.9884C62.8407 66.416 62.7252 65.8037 62.7314 65.1866C62.7314 62.569 64.814 60.4448 67.3855 60.4448C69.9577 60.4448 72.0402 62.569 72.0402 65.1872C72.0402 67.8048 69.9577 69.929 67.3855 69.929Z" fill="white"></path>
+
+    </g>
+  </svg>

assets/img/MP4.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 128 128" width="24" height="24" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    
+<path d="M74.3679 0L116.258 42.665V113.065C116.258 121.315 109.696 128 101.597 128H26.1932C18.094 128 11.5308 121.309 11.5308 113.065V14.935C11.5314 6.68544 18.0946 0 26.1938 0H74.3679Z" fill="#627CFE"></path>
+<path d="M116.259 42.665H89.7691C81.6757 42.665 74.3682 35.2288 74.3682 26.9786V0L116.259 42.665V42.665Z" fill="white" fill-opacity="0.4"></path>
+<path opacity="0.99" d="M64.96 75.8284V84.1311L80.064 93.3062V66.6758L64.96 75.8284Z" fill="white"></path>
+<path opacity="0.99" d="M66.8161 64.0173H35.2814C34.5371 64.0234 33.8256 64.3246 33.303 64.8547C32.7805 65.3848 32.4896 66.1005 32.4942 66.8449V93.161C32.4942 94.7085 33.7339 95.9943 35.2756 95.9943H66.8392C67.5835 95.9867 68.2944 95.6841 68.8158 95.1529C69.3373 94.6217 69.6267 93.9054 69.6206 93.161V66.8218C69.6146 66.0799 69.3172 65.37 68.7925 64.8454C68.2679 64.3208 67.558 64.0234 66.8161 64.0173V64.0173ZM44.5313 89.9201V70.0685L60.4161 79.9937L44.5313 89.9201Z" fill="white"></path>
+
+    </g>
+  </svg>

assets/img/handbag.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="36" height="36" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    <path d="M14 14C14 10.6863 16.6863 8 20 8H29C32.3137 8 35 10.6863 35 14V16H14V14Z" stroke="#1F4A99" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 25L23.5149 29.8787C23.8334 29.9584 24.1666 29.9584 24.4851 29.8787L44 25V38C44 39.1046 43.1046 40 42 40H6C4.89543 40 4 39.1046 4 38V25Z" fill="#fff" stroke="#1F4A99" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path><path d="M44 27V18C44 16.8954 43.1046 16 42 16H6C4.89543 16 4 16.8954 4 18V27" stroke="#1F4A99" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path><path d="M26.5 23C26.5 24.3807 25.3807 25.5 24 25.5C22.6193 25.5 21.5 24.3807 21.5 23C21.5 21.6193 22.6193 20.5 24 20.5C25.3807 20.5 26.5 21.6193 26.5 23Z" fill="#1F4A99"></path>
+    </g>
+  </svg>

assets/img/video-file.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="36" height="36" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    <path d="M10 44H38C39.1046 44 40 43.1046 40 42V14H30V4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44Z" fill="#FFF" stroke="#1F4A99" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path><path d="M30 4L40 14" stroke="#1F4A99" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14 21H27.4928V24.5L34 22V33L27.4928 30.5V34H14V21Z" fill="#FFF" stroke="#D0021B" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
+    </g>
+  </svg>

assets/img/word-1.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 128 128" width="24" height="24" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    
+<path d="M14.6136 0H83.6209L116.468 32.2131V124.429C116.468 126.4 114.818 128 112.785 128H14.6136C12.5809 128 10.9316 126.4 10.9316 124.429V3.5712C10.931 1.6 12.5809 0 14.6136 0Z" fill="#4A8DFF"></path>
+<path d="M83.6211 0V28.6419C83.6211 30.6157 85.271 32.2131 87.3037 32.2131H116.468L83.6211 0Z" fill="#E5F0FF"></path>
+<path d="M90.3455 102.942C93.5199 106.312 99.3087 104.136 99.3087 99.5712V46.43H88.9945V86.6771L68.4991 64.9043C67.5225 63.8668 66.1401 63.2755 64.6911 63.2755C63.2428 63.2755 61.861 63.8668 60.8837 64.9043L40.3884 86.6771V46.4275H30.0786V99.5712C30.0786 104.136 35.8681 106.312 39.0425 102.942L64.6937 75.6928L90.3449 102.942H90.3455Z" fill="white"></path>
+
+    </g>
+  </svg>

pages.json

@@ -410,6 +410,33 @@
             }
             
         }
+        ,{
+            "path" : "pages/videofile/index",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/videofile/list",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/oawork/index",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 
 	

pages/homePage/homePage.vue

@@ -36,7 +36,7 @@
 		</view>
 		<!-- 宫格 -->
 		<view class="grid">
-			<u-grid :col="4" :border="false">
+			<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>
@@ -68,7 +68,17 @@
 				<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>
+				
+				<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>
 		<!-- 新闻资讯 -->

pages/oawork/index.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

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,119 @@
+<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="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>