feat: 日历页首页

CHANGELOG.md

@@ -1,9 +1,10 @@
-# 1.0.0 (2022-01-04)
+# 1.0.0 (2022-01-05)
 
 ### 🌟 新功能
 范围|描述|commitId
 --|--|--
  - | 使用uview完成api请求 | [1b3efd8](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/1b3efd8)
+ - | app.vue | [970cf9a](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/970cf9a)
  - | first commit | [8dc26de](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/8dc26de)
  - | vue3 | [12ed2ad](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/12ed2ad)
 

components/Calendar/Calendar.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

components/Projects/Projects.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

components/Upload/Upload.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

pages.json

@@ -3,13 +3,20 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "uni-app"
+				"navigationBarText": "TALL"
 			}
 		}
+		// {
+		// 	"path": "pages/project/project",
+		// 	"style": {
+		// 		"navigationStyle": "custom",
+		// 		"navigationBarTextStyle": "white"
+		// 	}
+		// }
 	],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "uni-app",
+		"navigationBarTitleText": "TALL",
 		"navigationBarBackgroundColor": "#F8F8F8",
 		"backgroundColor": "#F8F8F8"
 	}

pages/index/index.vue

@@ -1,29 +1,25 @@
 <template>
-	<view :style="{ height: height }" class="flex flex-col overflow-hidden u-font-14">
+	<view class="flex flex-col h-full bg-gray-50" @click="openAuth">
-		<!-- 标题栏 -->
+		<view class="relative" @touchmove="onMove">
-		<Title />
+			<!-- 日历 -->
-		
+			<Calendar @selected-change="onDateChange" :show-back="true" ref="calendar" @handleFindPoint="handleFindPoint" />
-		<view class="container flex flex-col flex-1 mx-auto overflow-hidden bg-gray-100">
+			<!-- 上传 导入wbs -->
-			<!-- 角色栏 -->
+			<Upload @success="onUploadSuccess" @error="onUploadError" />
-			<Roles />
+		</view>
 
-			<!-- 日常任务面板 -->
+		<!-- 项目列表 -->
-			<Globals />
+		<Projects @getProjects="getProjects" class="flex-1 overflow-y-auto" />
 
-			<!-- 定期任务面板 -->
+		<!-- 全局提示框 -->
-			<TimeLine @getTasks="getTasks" class="flex-1 overflow-hidden" ref="timeLine" />
+		<u-top-tips ref="uTips"></u-top-tips>
-		</view>
 	</view>
 </template>
 
 <script setup>
-	import {
+	import { ref, onMounted } from 'vue';
-		ref, onMounted
+	import Calendar from '@/components/Calendar/Calendar.vue';
-	} from 'vue';
+	import Upload from '@/components/Upload/Upload.vue';
-	import Navbar from '@/components/Title/Title.vue';
+	import Projects from '@/components/Projects/Projects.vue';
-	import Roles from '@/components/Roles/Roles.vue';
-	import Globals from '@/components/Globals/Globals.vue';
-	import TimeLine from '@/components/TimeLine/TimeLine.vue';
 
 	let height = ref(null);
 

pages/project/project.vue

@@ -0,0 +1,64 @@
+<template>
+	<view :style="{ height: height }" class="flex flex-col overflow-hidden u-font-14">
+		<!-- 标题栏 -->
+		<Title />
+		
+		<view class="container flex flex-col flex-1 mx-auto overflow-hidden bg-gray-100">
+			<!-- 角色栏 -->
+			<Roles />
+
+			<!-- 日常任务面板 -->
+			<Globals />
+
+			<!-- 定期任务面板 -->
+			<TimeLine @getTasks="getTasks" class="flex-1 overflow-hidden" ref="timeLine" />
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { ref, onMounted } from 'vue';
+	import Navbar from '@/components/Title/Title.vue';
+	import Roles from '@/components/Roles/Roles.vue';
+	import Globals from '@/components/Globals/Globals.vue';
+	import TimeLine from '@/components/TimeLine/TimeLine.vue';
+
+	let height = ref(null);
+
+	onMounted(() => {
+		const system = uni.getSystemInfoSync();
+		height.value = system.windowHeight + 'px';
+	});
+
+	function getTasks() {
+
+	}
+</script>
+
+<style>
+	.content {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.logo {
+		height: 200rpx;
+		width: 200rpx;
+		margin-top: 200rpx;
+		margin-left: auto;
+		margin-right: auto;
+		margin-bottom: 50rpx;
+	}
+
+	.text-area {
+		display: flex;
+		justify-content: center;
+	}
+
+	.title {
+		font-size: 36rpx;
+		color: #8f8f94;
+	}
+</style>