数据明细， 和办公oaindex

assets/img/oawork/if-stamp.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="24" height="24" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    <path d="M29.152 22.848c-0.32-1.344-1.376-2.208-2.72-2.208-1.568 0-3.104-0.032-4.672 0-0.48 0.032-0.832-0.128-1.152-0.448-0.896-0.832-1.472-1.856-1.6-3.104-0.128-1.088 0.032-2.144 0.384-3.168 0.48-1.28 0.992-2.56 1.504-3.84 0.384-0.96 0.736-1.952 0.608-3.040-0.192-1.344-0.64-2.528-1.568-3.456-1.408-1.344-3.104-1.792-4.928-1.504-1.504 0.256-2.752 1.024-3.584 2.4-0.96 1.536-1.248 3.2-0.544 4.96 0.224 0.64 0.512 1.248 0.768 1.888 0.512 1.248 1.056 2.496 1.28 3.84 0.384 2.080-0.096 3.808-1.664 5.184-0.194 0.179-0.453 0.288-0.739 0.288-0.010 0-0.021-0-0.031-0l0.002 0h-4.864c-0.992 0-1.824 0.384-2.368 1.28-0.224 0.352-0.32 0.8-0.512 1.248v4.096c0.224 0.512 0.704 0.384 1.12 0.416v1.568c0 0.576 0.192 0.736 0.704 0.736h22.912c0.448 0 0.64-0.192 0.64-0.672 0.032-0.192 0-0.384 0-0.608v-1.024h0.48c0.448-0.032 0.64-0.224 0.64-0.704v-3.392c0-0.256-0.032-0.512-0.096-0.736zM27.040 28.8h-22.048v-1.12h22.048v1.12z" fill="rgba(255,255,255,1)"></path>
+    </g>
+  </svg>

assets/img/oawork/riFill-edit-box-fill.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="24" height="24" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    <path d="M22.343 4l-9.955 9.955 0.011 5.663 5.651-0.009 9.951-9.951v17.009c0 0.736-0.597 1.333-1.333 1.333v0h-21.333c-0.736 0-1.333-0.597-1.333-1.333v0-21.333c0-0.736 0.597-1.333 1.333-1.333v0h17.009zM27.313 2.8l1.887 1.888-12.256 12.256-1.883 0.004-0.003-1.889 12.255-12.259z" fill="rgba(255,255,255,1)"></path>
+    </g>
+  </svg>

assets/img/oawork/riFill-file-4-fill.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="24" height="24" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    <path d="M28 20h-9.333v9.333h-13.336c-0.735 0-1.331-0.607-1.331-1.323v-24.021c0-0.731 0.593-1.323 1.324-1.323h21.352c0.732 0.005 1.324 0.6 1.324 1.333 0 0.003 0 0.007-0 0.010v-0 15.991zM28 22.667l-6.667 6.663v-6.663h6.667z" fill="rgba(255,255,255,1)"></path>
+    </g>
+  </svg>

assets/img/oawork/riFill-file-list-2-fill.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="24" height="24" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    <path d="M26.667 29.333h-21.333c-0.736 0-1.333-0.597-1.333-1.333v0-24c0-0.736 0.597-1.333 1.333-1.333v0h21.333c0.736 0 1.333 0.597 1.333 1.333v0 24c0 0.736-0.597 1.333-1.333 1.333v0zM10.667 9.333v2.667h10.667v-2.667h-10.667zM10.667 14.667v2.667h10.667v-2.667h-10.667zM10.667 20v2.667h6.667v-2.667h-6.667z" fill="rgba(255,255,255,1)"></path>
+    </g>
+  </svg>

assets/img/oawork/riFill-numbers-fill.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="24" height="24" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    <path d="M12 24h-6.667v-10.667h6.667v10.667zM20 24h-6.667v-16h6.667v16zM28 24h-6.667v-21.333h6.667v21.333zM29.333 29.333h-25.333v-2.667h25.333v2.667z" fill="rgba(255,255,255,1)"></path>
+    </g>
+  </svg>

pages.json

@@ -437,6 +437,15 @@
             }
             
         }
+        ,{
+            "path" : "pages/oawork/data1",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 
 	

pages/homePage/homePage.vue

@@ -124,7 +124,9 @@
 
 <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: {

pages/oawork/data1.vue

@@ -0,0 +1,274 @@
+<template>
+	<view>
+		<u-navbar title="数据明细">
+		</u-navbar>
+		<view class="mainHead">
+			
+		</view>
+		
+		<view class="mainBody">
+			<u-tabs :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
+			<view class="table">
+				
+				<view class="tableHead"  :style="'top:'+top">
+					<table>
+						<tr :style="data1style1" >
+							<td :style="data1style2">
+								单位
+							</td>
+						</tr>
+						<tr v-for="(item,i) in  list[current].list" :key="i" :style="item.data1style1" >
+							<td  >
+								{{item.a}}
+							</td>
+						</tr>
+					</table>
+				
+				</view>
+				<view class="tableBody">
+					<scroll-view  class="scroll-view_H"  scroll-x="true" style="white-space: nowrap;">
+						<table>
+							<tr class="tabbleHeadTr">
+								<td rowspan="3" class="get_td_top" >
+									单位
+								</td>
+								<td  rowspan="3">
+									本月完成
+								</td>
+								<td  rowspan="3">
+									累计完成
+								</td>
+								<td  rowspan="3">
+									同期
+								</td>
+								<td  rowspan="3">
+									增幅
+								</td>
+								<td  rowspan="1" colspan="12">
+									其中
+								</td>
+							</tr>
+							<tr class="tabbleHeadTr">
+								<td colspan="2">
+									增值税
+								</td>
+								<td  rowspan="2" >
+									增幅
+								</td><td  colspan="2">
+									企业所得税
+								</td><td  rowspan="2">
+									增幅
+								</td><td  colspan="2">
+									个人所得税
+								</td><td  rowspan="2">
+									增幅
+								</td><td  colspan="2">
+									城建税
+								</td><td  rowspan="2">
+									增幅
+								</td>
+							</tr>
+							
+							<tr class="tabbleHeadTr">
+								<td >
+									本年
+								</td>
+								<td >
+									上年
+								</td>
+								
+								<td >
+									本年
+								</td>
+								<td >
+									上年
+								</td>
+								
+								<td >
+									本年
+								</td>
+								<td >
+									上年
+								</td>
+								
+								<td >
+									本年
+								</td>
+								<td >
+									上年
+								</td>
+							</tr>
+							
+							<tr v-for="(item,i) in  list[current].list" :key="i" class="tabbleBodyTr">
+								<td :class="'get_td get_td_i_'+i">
+									{{item.a}}
+								</td>
+								<td >
+									{{item.b}}
+								</td>
+								<td >
+									{{item.c}}
+								</td>
+								<td >
+									{{item.d}}
+								</td>
+							</tr>
+						</table>
+					</scroll-view>
+					
+				</view>
+				
+			</view>
+			
+			 
+		</view>
+		
+		
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				data1style:"",
+				 top: '0px',
+				current:0,
+				list:[{
+					name:"车务段",
+					list:[
+						{a:"223223223223223223223223223223223223223223",b:"222222222222",c:"223",d:"qwe223"},
+						{a:"123",b:"223",c:"223",d:"tda223tda223tda223tda223tda223tda223tda223tda223"}
+					]
+				},{
+					name:"机务段"
+				},
+				
+				
+				]
+			}
+		},
+		onReady() {
+			const query = uni.createSelectorQuery().in(this);
+			query.select('.tableBody').boundingClientRect(data => {
+			  //console.log("得到布局位置信息" + JSON.stringify(data));
+			 // console.log("节点离页面顶部的距离为" + data.top);
+			  this.top=data.top+"px"
+			}).exec();
+			
+			query.select('.get_td_top').boundingClientRect(data => {
+			  console.log(".get_td得到布局位置信息" + JSON.stringify(data));
+				this.data1style1="height:"+data.height+"px"
+				this.data1style2="width:"+(data.width-2)+"px;text-align: center;"
+				
+			}).exec();
+			
+			query.selectAll('.get_td').boundingClientRect(data => {
+			  //console.log(".get_td得到布局位置信息" + JSON.stringify(data));
+			  //console.log(".get_td节点离页面顶部的距离为" + data.top);
+			  for(var i in  data){
+				  var style="width:"+data[i].width+"px;height:"+data[i].height+"px"
+				  this.list[this.current].list[i].data1style1=style
+			  }
+			
+			}).exec();
+		},
+		methods: {
+			change(e){
+				
+			}
+		}
+	}
+</script>
+
+<style   lang="scss" scoped  >
+	
+	.scroll-Y {
+		height: 300rpx;
+	}
+	
+	.scroll-view_H {
+		white-space: nowrap;
+		width: 100%;
+	}
+	
+	.scroll-view-item {
+		height: 300rpx;
+		line-height: 300rpx;
+		text-align: center;
+		font-size: 36rpx;
+	}
+	
+	.scroll-view-item_H {
+		display: inline-block;
+		//width: 85%;
+		height: 300rpx;
+		line-height: 300rpx;
+		text-align: center;
+		font-size: 36rpx;
+	}
+	
+	
+	.table{
+		 //   display: flex;
+		table{
+			border-top: 1px solid #dbdbdb;
+			border-spacing:0;
+			td{
+				border-right: 1px solid #dbdbdb;
+				border-bottom: 1px solid #dbdbdb;
+				line-height: 20px;
+				background-color: rgba(255, 255, 255, 1);
+				
+				max-width: 140px;
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+				white-space: pre-line;
+				padding :0 3px;
+				
+			}
+			.tabbleHeadTr td{
+				width: 80px;
+				min-width: 80px;
+				
+				text-align: center;
+				//height: 60px;
+				
+				//color: rgba(255, 255, 255, 1);
+				
+			}
+			.tabbleBodyTr td{
+				height: 60px;
+				
+			
+			}
+		}
+	}
+	.tableHead{
+		position: relative;
+		    position: absolute;
+		   
+		    z-index: 99;
+	}
+	.mainBody{
+		.mainItem{
+			color: rgba(16, 16, 16, 1);
+			font-size: 32rpx;
+			line-height: 20px;
+			border-radius: 8px;
+			background-color: rgba(255, 255, 255, 1);
+			margin: 16px;
+			padding: 12px 16px;
+			
+			.name{
+				
+			}
+			
+			.left{
+				
+			}
+		}
+	}
+</style>

pages/oawork/index.vue

@@ -1,14 +1,129 @@
 <template>
 	<view>
-		
+		<u-navbar title="办公OA">
+			
+		</u-navbar>
+		<view class="mainBody">
+			<view class="mainItem" v-for="(info,i) in  list" :key="i"
+			
+			@click="gotoUrl('pages/videofile/list')"
+			
+			>
+				<view class="name">{{info.name}}</view>
+				<view class="grid">
+					<u-grid :col="4" :border="false">
+						<u-grid-item   v-for="(item,index) in info.list" :key="index" >
+							<view class="gridItem" :style="item.bgColor?item.bgColor:info.bgColor">
+								<img :src="item.img?item.img:info.img" alt="">
+								
+							</view>
+							<view class="grid-text">{{item.name}}</view>
+						</u-grid-item>
+					</u-grid>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
 <script>
+	var img1 =require("@/assets/img/oawork/riFill-file-4-fill.svg")
+	var img2 =require("@/assets/img/oawork/riFill-edit-box-fill.svg")
+	var img3 =require("@/assets/img/oawork/if-stamp.svg")
+	var img4 =require("@/assets/img/oawork/riFill-file-list-2-fill.svg")
+	var img5 =require("@/assets/img/oawork/riFill-numbers-fill.svg")
+	
+	var bg1 =require("@/assets/img/oawork/bg1.png")
+	var bg2 =require("@/assets/img/oawork/bg2.png")
+	
+	
 	export default {
 		data() {
 			return {
-				
+				list:[
+					{
+						name:"公文提报",
+						img:img1,
+						bgColor:"background: linear-gradient(90deg, rgba(82,222,216,1) 0%,rgba(89,196,196,1) 50%,rgba(22,164,167,1) 100%);",
+						list:[
+							{
+								name:"公文类型1",
+								type:"oaoao1"
+							},
+							{
+								name:"公文类型2",
+								type:"oaoao1"
+							},
+							{
+								name:"公文类型3",
+								type:"oaoao1"
+							}
+						],
+					},
+					{
+						name:"申请提交",
+						img:img2,
+						bgColor:"background-color: rgba(0, 185, 98, 1);",
+						
+						list:[
+							{
+								name:"公文类型1",
+								type:"oaoao1"
+							},
+							{
+								name:"公文类型1",
+								type:"oaoao1"
+							},
+							{
+								name:"公文类型1",
+								type:"oaoao1"
+							}
+						],
+					},
+					{
+						name:"代办审批",
+						img:img3,
+						bgColor:"background-color: rgba(22, 119, 255, 1);",
+						
+						list:[
+							{
+								name:"公文类型1",
+								type:"oaoao1"
+							},
+							{
+								name:"公文类型1",
+								type:"oaoao1"
+							},
+							{
+								name:"公文类型1",
+								type:"oaoao1"
+							}
+						],
+					},
+					{
+						name:"运输指标",
+						img:img3,
+						bgColor:"background-color: rgba(22, 119, 255, 1);",
+						
+						list:[
+							{
+								name:"数据明细",
+								type:"oaoao1",
+								img:img4,
+								bgColor:"background: url("+bg2+");",
+								
+							},
+							{
+								name:"数据分析",
+								type:"oaoao1",
+								img:img5,
+								//bgColor:"background: radial-gradient(1.1496160000000002% 1.089584% at -8.7% -3.6999999999999997%, rgba(163,221,255,1) 0%,rgba(144,116,255,1) 100%);",
+								bgColor:"background: url("+bg1+");",
+								
+							}
+						],
+					}
+				]
 			}
 		},
 		methods: {
@@ -17,6 +132,41 @@
 	}
 </script>
 
-<style>
 
+<style  lang="scss" scoped >
+	.mainBody{
+		.mainItem{
+			color: rgba(16, 16, 16, 1);
+			font-size: 32rpx;
+			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{
+				
+			}
+			.grid{
+				.gridItem{
+					width: 80rpx;
+					height: 80rpx;
+					border-radius: 8px;
+					display: flex;
+					margin-bottom: 8rpx;
+					justify-content: center;
+					align-items: center;
+					img{
+						width: 48rpx;
+						height: 48rpx;
+					}
+				}
+			}
+			.left{
+				
+			}
+		}
+	}
 </style>
+

pages/videofile/index.vue

@@ -34,7 +34,7 @@
 					name:"车务段"
 				},{
 					name:"机务段"
-				},]
+				}]
 			}
 		},
 		methods: {

pages/videofile/list.vue

@@ -3,7 +3,12 @@
 		<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')"