From d3257082797930e3e8f0f28c4aa27a4125d7707e Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Fri, 22 Sep 2023 19:15:22 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../attendanceStatistics/index.vue            | 18 ++++---
 .../components/projectDetails.vue             | 20 ++++---
 .../largeScreen/components/center.vue         |  2 +-
 .../largeScreen/components/header.vue         |  5 +-
 .../goverment/largeScreen/components/left.vue |  2 +-
 .../largeScreen/components/right.vue          |  2 +-
 src/views/goverment/largeScreen/index.vue     | 54 +++++++++++++------
 .../attendanceStatistics/index.vue            | 18 ++++---
 8 files changed, 80 insertions(+), 41 deletions(-)

diff --git a/src/views/enterprise/laborRealName/attendanceStatistics/index.vue b/src/views/enterprise/laborRealName/attendanceStatistics/index.vue
index c71ece4..94e4236 100644
--- a/src/views/enterprise/laborRealName/attendanceStatistics/index.vue
+++ b/src/views/enterprise/laborRealName/attendanceStatistics/index.vue
@@ -128,7 +128,6 @@ import { getRelevanceList } from "@/api/modules/common";
 import engineeringEngDrawer from "@/components/engineeringEngDrawer/index.vue";
 import allEngineering from "@/components/allEngineering/index.vue";
 import dayjs from "dayjs";
-const currentMonthDay = ref(0); // 当前月份天数
 const engList = ref([]);
 const engVisable = ref(false);
 // 如果表格需要初始化请求参数，直接定义传给 ProTable(之后每次请求都会自动带上该参数，此参数更改之后也会一直带上，改变此参数会自动刷新表格数据)
@@ -326,6 +325,7 @@ const getTableList = (params: any) => {
 		let month = currentData.value.month < 10 ? "0" + currentData.value.month : currentData.value.month;
 		newParams.month = currentData.value.year + "-" + month;
 	}
+	changeThead(newParams.month.substring(5));
 	if (initParam.engineeringSn) {
 		newParams.engineeringSn = initParam.engineeringSn;
 	} else {
@@ -333,7 +333,16 @@ const getTableList = (params: any) => {
 	}
 	return statisticsList(newParams);
 };
-
+const changeThead = (month: any) => {
+	console.log(month, "--------123456");
+	let dayNumber = dayjs(month).daysInMonth();
+	for (let i = 0; i < columns.length; i++) {
+		columns[i].isShow = true;
+	}
+	for (let i = dayNumber + 7; i < columns.length; i++) {
+		columns[i].isShow = false;
+	}
+};
 const handleAddItem = (index: number, row: any) => {
 	if (index === 1) {
 		title.value = "新增角色";
@@ -386,10 +395,6 @@ const deleteAccount = async (params: jxj_User.ResUserList) => {
 	proTable.value.getTableList();
 };
 
-const changeTreeFilter = () => {
-	console.log(11);
-};
-
 const getengineering = async () => {
 	// let newParams = JSON.parse(JSON.stringify(params));
 	const res = await getRelevanceList();
@@ -410,7 +415,6 @@ onMounted(() => {
 onBeforeMount(() => {
 	currentData.value = useTime();
 	let month = currentData.value.month < 10 ? "0" + currentData.value.month : currentData.value.month;
-	currentMonthDay.value = dayjs(month).daysInMonth();
 	for (let i = 0; i < 31; i++) {
 		monthColumns.push({
 			prop: "day" + (i + 1),
diff --git a/src/views/goverment/laborRealName/projectSelect/components/projectDetails.vue b/src/views/goverment/laborRealName/projectSelect/components/projectDetails.vue
index 3a0e202..3a88874 100644
--- a/src/views/goverment/laborRealName/projectSelect/components/projectDetails.vue
+++ b/src/views/goverment/laborRealName/projectSelect/components/projectDetails.vue
@@ -228,10 +228,6 @@
 												<span class="errorCircle" v-else></span>
 											</template>
 										</el-table-column>
-										<!-- <template v-for="(item, index) in monthColumns" #[item.prop]="{ row }">
-											<span class="successCircle" v-if="row[item.prop]"></span>
-											<span class="errorCircle" v-else></span>
-										</template> -->
 										<!-- 表格无数据情况 -->
 										<template #empty>
 											<div class="table-empty">
@@ -265,6 +261,7 @@ import { onMounted, ref, watch, reactive, onBeforeMount } from "vue";
 import Pagination from "@/components/ProTable/components/Pagination.vue";
 import type { FormInstance } from "element-plus";
 import { unitPageList, classGroupList, memberCountData, memberPageList, attendancePageList } from "@/api/modules/goverment";
+import dayjs from "dayjs";
 const typeOptions = ref([
 	{ label: "管理", value: 1 },
 	{ label: "工人", value: 2 }
@@ -298,7 +295,7 @@ const classGroupData = ref([]);
 const memberCountInfo = ref({});
 const memberListData = ref([]);
 const attendanceListData = ref([]);
-const monthColumns: any = [];
+const monthColumns = ref<any>([]);
 const visible1 = ref(false);
 const emits = defineEmits(["update:detailsDialog", "confirm"]);
 const ruleFormRef = ref<FormInstance>();
@@ -306,13 +303,20 @@ const form = ref({});
 // 获取人员出勤列表数据
 const getAttendanceCountList = async () => {
 	console.log(form.value);
+	monthColumns.value = [];
 	let requestData = {
 		current: pageable.value.pageNo,
 		size: pageable.value.pageSize,
 		engineeringSn: form.value.engineeringSn,
 		...attendaceSearch.value
 	};
-	console.log(666);
+	let month = requestData.month.substring(5);
+	for (let i = 0; i < dayjs(month).daysInMonth(); i++) {
+		monthColumns.value.push({
+			prop: "day" + (i + 1),
+			label: "" + (i + 1)
+		});
+	}
 	const { result } = await attendancePageList(requestData);
 	if (result && result.records) {
 		attendanceListData.value = result.records;
@@ -409,7 +413,7 @@ const handleClick = (tab: any, event: any) => {
 	} else if (val == "fourth") {
 		attendaceSearch.value = {
 			personType: null,
-			month: ""
+			month: dayjs(new Date()).format("YYYY-MM")
 		};
 		attendanceListData.value = [];
 		getAttendanceCountList();
@@ -459,7 +463,7 @@ watch(
 
 onBeforeMount(() => {
 	for (let i = 0; i < 31; i++) {
-		monthColumns.push({
+		monthColumns.value.push({
 			prop: "day" + (i + 1),
 			label: "" + (i + 1)
 		});
diff --git a/src/views/goverment/largeScreen/components/center.vue b/src/views/goverment/largeScreen/components/center.vue
index eb8caf5..e834976 100644
--- a/src/views/goverment/largeScreen/components/center.vue
+++ b/src/views/goverment/largeScreen/components/center.vue
@@ -33,7 +33,7 @@ const projectNumber = async () => {
 <style lang="scss" scoped>
 .ordersizeCenter {
 	position: fixed;
-	top: 15%;
+	top: 10%;
 	left: 50%;
 	display: flex;
 	justify-content: space-evenly;
diff --git a/src/views/goverment/largeScreen/components/header.vue b/src/views/goverment/largeScreen/components/header.vue
index 08f24fb..508ba1b 100644
--- a/src/views/goverment/largeScreen/components/header.vue
+++ b/src/views/goverment/largeScreen/components/header.vue
@@ -72,8 +72,9 @@ const goBack = () => {
 		font-family: SourceHanSansCNR;
 		font-size: 12px;
 		background-image: -webkit-linear-gradient(bottom, #4b5e84, #ffffff);
-		background-clip: text;
-		-webkit-text-fill-color: transparent;
+		color: #d5d8df;
+		// background-clip: text;
+		// -webkit-text-fill-color: transparent;
 	}
 	.img {
 		margin-left: 5px;
diff --git a/src/views/goverment/largeScreen/components/left.vue b/src/views/goverment/largeScreen/components/left.vue
index 2798faf..8a767fc 100644
--- a/src/views/goverment/largeScreen/components/left.vue
+++ b/src/views/goverment/largeScreen/components/left.vue
@@ -187,7 +187,7 @@ const conmpanyList = async () => {
 <style lang="scss" scoped>
 .leftBorder {
 	position: fixed;
-	top: 15%;
+	top: 10%;
 	left: 0;
 	width: 25%;
 	height: 100%;
diff --git a/src/views/goverment/largeScreen/components/right.vue b/src/views/goverment/largeScreen/components/right.vue
index afadf7e..8b85809 100644
--- a/src/views/goverment/largeScreen/components/right.vue
+++ b/src/views/goverment/largeScreen/components/right.vue
@@ -659,7 +659,7 @@ const pieOption = (val: ResponseSame<ScreenResponse.FugitiveDustAllResponse> | u
 <style lang="scss" scoped>
 .leftBorder {
 	position: fixed;
-	top: 15%;
+	top: 10%;
 	right: 0;
 	width: 27%;
 	height: 100%;
diff --git a/src/views/goverment/largeScreen/index.vue b/src/views/goverment/largeScreen/index.vue
index 2f7c2b4..c3f3516 100644
--- a/src/views/goverment/largeScreen/index.vue
+++ b/src/views/goverment/largeScreen/index.vue
@@ -1,6 +1,18 @@
 <template>
-	<!-- <ScaleBox :width="width" :height="height" bgc="transparent" :delay="100" style="top: 0; left: 0"> -->
-	<div class="orderBgc">
+	<ScaleBox :width="width" :height="height" bgc="transparent" :delay="50" v-if="!isFull">
+		<div class="orderBgc">
+			<!-- <Map3D class="mapStyle"></Map3D> -->
+			<Map2D class="mapStyle"></Map2D>
+			<headerScreen class="topHeader"></headerScreen>
+			<div class="bottomContent">
+				<leftScreen class="leftScreen"></leftScreen>
+				<centerScreen class="centerScreen"></centerScreen>
+				<rightScreen class="rightScreen"></rightScreen>
+			</div>
+			<div class="borderBottom"></div>
+		</div>
+	</ScaleBox>
+	<div class="orderBgc" v-else>
 		<!-- <Map3D class="mapStyle"></Map3D> -->
 		<Map2D class="mapStyle"></Map2D>
 		<headerScreen class="topHeader"></headerScreen>
@@ -11,7 +23,6 @@
 		</div>
 		<div class="borderBottom"></div>
 	</div>
-	<!-- </ScaleBox> -->
 </template>
 
 <script lang="ts" setup>
@@ -23,12 +34,28 @@ import rightScreen from "./components/right.vue";
 import Map3D from "./components/map3D.vue";
 import Map2D from "./components/map2D.vue";
 import ScaleBox from "vue3-scale-box";
-// const width = ref(0);
-// const height = ref(0);
-// onMounted(() => {
-// 	width.value = window.screen.width * window.devicePixelRatio;
-// 	height.value = window.screen.height * window.devicePixelRatio;
-// });
+const width = ref(0);
+const height = ref(0);
+const isFull = ref(true);
+onMounted(() => {
+	width.value = window.screen.width;
+	height.value = window.screen.height;
+	// console.log(window.screen.width);
+	// console.log(window.screen.height);
+	// console.log(document.documentElement.clientWidth);
+	// console.log(document.documentElement.clientHeight);
+	// console.log(document.documentElement.offsetHeight);
+	window.onresize = () => {
+		return (() => {
+			if (document.documentElement.clientWidth == window.screen.width) {
+				isFull.value = true;
+			} else {
+				isFull.value = false;
+			}
+		})();
+	};
+	// height.value = window.screen.height * window.devicePixelRatio;
+});
 </script>
 
 <style lang="scss" scoped>
@@ -40,7 +67,7 @@ import ScaleBox from "vue3-scale-box";
 	}
 	.topHeader {
 		width: 100%;
-		height: 15%;
+		height: 10%;
 
 		// background: linear-gradient(to right, rgb(17 20 25 / 60%), rgb(17 20 25 / 20%), rgb(17 20 25 / 60%));
 	}
@@ -49,16 +76,13 @@ import ScaleBox from "vue3-scale-box";
 		width: 100%;
 		height: 79%;
 		.leftScreen {
-			flex: 2.5;
-			height: 100%;
+			height: 90%;
 		}
 		.centerScreen {
-			flex: 5;
 			height: 100px;
 		}
 		.rightScreen {
-			flex: 2.5;
-			height: 100%;
+			height: 90%;
 		}
 	}
 	.borderBottom {
diff --git a/src/views/project/laborRealName/attendanceStatistics/index.vue b/src/views/project/laborRealName/attendanceStatistics/index.vue
index 5cfe60d..98e79c9 100644
--- a/src/views/project/laborRealName/attendanceStatistics/index.vue
+++ b/src/views/project/laborRealName/attendanceStatistics/index.vue
@@ -326,6 +326,7 @@ const getTableList = (params: any) => {
 		let month = currentData.value.month < 10 ? "0" + currentData.value.month : currentData.value.month;
 		newParams.month = currentData.value.year + "-" + month;
 	}
+	changeThead(newParams.month.substring(5));
 	if (searchSn.value) {
 		if (activeValue.value == "eng") {
 			newParams.engineeringSn = searchSn.value;
@@ -337,7 +338,16 @@ const getTableList = (params: any) => {
 	}
 	return statisticsList(newParams);
 };
-
+const changeThead = (month: any) => {
+	console.log(month, "--------123456");
+	let dayNumber = dayjs(month).daysInMonth();
+	for (let i = 0; i < columns.length; i++) {
+		columns[i].isShow = true;
+	}
+	for (let i = dayNumber + 7; i < columns.length; i++) {
+		columns[i].isShow = false;
+	}
+};
 const handleAddItem = (index: number, row: any) => {
 	if (index === 1) {
 		title.value = "新增角色";
@@ -390,10 +400,6 @@ const deleteAccount = async (params: jxj_User.ResUserList) => {
 	proTable.value.getTableList();
 };
 
-const changeTreeFilter = () => {
-	console.log(11);
-};
-
 // 抽屉tab选择时
 const tabsSelect = val => {
 	activeValue.value = val;
@@ -439,7 +445,7 @@ onMounted(() => {
 onBeforeMount(() => {
 	currentData.value = useTime();
 	let month = currentData.value.month < 10 ? "0" + currentData.value.month : currentData.value.month;
-	for (let i = 0; i < dayjs(month).daysInMonth(); i++) {
+	for (let i = 0; i < 31; i++) {
 		monthColumns.push({
 			prop: "day" + (i + 1),
 			label: "" + (i + 1)