From 7af52a26bf899dc91a4231abb3f7e79989da3eee Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Fri, 28 Jul 2023 09:23:48 +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

---
 src/api/modules/goverment.ts                  |   4 +
 .../progressManagement/ganttChart/copyOne.vue | 631 -------------
 .../GanttchartChart/copyOne.vue               | 856 ------------------
 .../components/transformInfo1.vue             |   2 +-
 .../planFinishSituation/index.vue             |   2 +-
 .../progressManagement/ganttChart/copyOne.vue | 631 -------------
 6 files changed, 6 insertions(+), 2120 deletions(-)
 delete mode 100644 src/views/enterprise/progressManagement/ganttChart/copyOne.vue
 delete mode 100644 src/views/goverment/progressManagement/GanttchartChart/copyOne.vue
 delete mode 100644 src/views/project/progressManagement/ganttChart/copyOne.vue

diff --git a/src/api/modules/goverment.ts b/src/api/modules/goverment.ts
index 550fa48..ff2dae2 100644
--- a/src/api/modules/goverment.ts
+++ b/src/api/modules/goverment.ts
@@ -489,3 +489,7 @@ export const payGovermentSubItemCount = (params: any) => {
 export const applyTimeGovermentList = (params: any) => {
 	return http.post(BASEURL + `/gov/investmentApply/page`, params);
 };
+// 申报时段新增
+export const applyTimeAdd = (params: any) => {
+	return http.post(BASEURL + `/gov/investmentApply/add`, params);
+};
diff --git a/src/views/enterprise/progressManagement/ganttChart/copyOne.vue b/src/views/enterprise/progressManagement/ganttChart/copyOne.vue
deleted file mode 100644
index 2178f65..0000000
--- a/src/views/enterprise/progressManagement/ganttChart/copyOne.vue
+++ /dev/null
@@ -1,631 +0,0 @@
-<template>
-	<div class="gantt-box">
-		<div class="header">
-			<div class="left-content">
-				<div class="item" v-for="(item, index) in headerList" :key="index">
-					<div class="color-block" :style="{ background: item.color }"></div>
-					<div class="label">{{ item.label }}</div>
-				</div>
-			</div>
-			<div class="right-content">备注：更新（进度填报）内容后该甘特图将自动更新</div>
-		</div>
-		<div class="gantt-chart">
-			<div class="table" @scroll="handleScroll">
-				<div class="thead">
-					<div class="row">
-						<div class="td">分部分项工程名称</div>
-						<div class="td">开始日期</div>
-						<div class="td" style="border-right: 1px solid #0a769a">完成日期</div>
-						<div class="td" v-for="date in dateList" :key="date">
-							<div class="date">
-								<div class="month">
-									{{ date }}
-								</div>
-								<div class="days">
-									<div class="day" v-for="day in getDays(date)" :key="day.num">
-										{{ day.num }}
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="tbody">
-					<div class="row-groups" :class="{ open: openedIndex === i }" v-for="(p, i) in projects" :key="p.pName">
-						<div class="row">
-							<div class="td" @click="handleOpen(i)" style="color: #35e5fd">{{ p.pName }}</div>
-							<div class="td">{{ p.startTime }}</div>
-							<div class="td">{{ p.endTime }}</div>
-							<div class="td" v-for="date in dateList" :key="date + 'grid-date'">
-								<div class="grids">
-									<div
-										class="grid"
-										v-for="day in getDays(date)"
-										:key="'grid' + day.num"
-										:ref="(el: any) => setItemRef(el, p.pName + '@|@' + day.date)"
-									></div>
-								</div>
-							</div>
-							<div
-								class="progress"
-								:style="gantt"
-								v-for="(gantt, index) in p.gantts"
-								:key="index"
-								@mouseenter="handleHover"
-								@mouseleave="handleLeave"
-							></div>
-						</div>
-						<div class="children">
-							<div class="row" v-for="child in p.children" :key="'child-' + child.pName">
-								<div class="td">{{ child.pName }}</div>
-								<div class="td">{{ child.startTime }}</div>
-								<div class="td">{{ child.endTime }}</div>
-								<div class="td" v-for="date in dateList" :key="date + 'grid-date'">
-									<div class="grids">
-										<div
-											class="grid"
-											v-for="day in getDays(date)"
-											:key="'grid' + day.num"
-											:ref="(el: any) => setItemRef(el, child.pName + '@|@' + day.date)"
-										></div>
-									</div>
-								</div>
-								<div
-									class="progress"
-									:style="gantt"
-									v-for="(gantt, index) in child.gantts"
-									:key="index"
-									@mouseenter="handleHover"
-									@mouseleave="handleLeave"
-								></div>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="tooltips" :style="tooltipsStyle">
-					<div class="status">已逾期5天</div>
-					<div class="charger">负责人：史蒂夫</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script setup lang="tsx" name="ProjectSupervisionRecord">
-import { computed, reactive, ref, onMounted } from "vue";
-import { bigItemAll } from "@/api/modules/huizhou";
-const refChart = ref();
-const headerList = reactive([
-	{ label: "阶段完成", color: "#35e5fd" },
-	{ label: "任务完成", color: "#4fd389" },
-	{ label: "进行中", color: "#f1d520" },
-	{ label: "逾期", color: "#fc6f8e" }
-]);
-const colors = ref(["#35e5fd", "#f1d520", "#4fd389", "#fc6f8e"]);
-const projects = reactive([
-	{
-		pName: "抹灰工程1",
-		startTime: "2023/05/29",
-		endTime: "2023/07/29",
-		status: 1,
-		delay: 0,
-		gantts: [],
-		children: [
-			{
-				pName: "抹灰工程1-1",
-				startTime: "2023/05/29",
-				endTime: "2023/07/29",
-				status: 1,
-				delay: 0,
-				gantts: []
-			}
-		]
-	},
-	{
-		pName: "抹灰工程2",
-		startTime: "2023/06/29",
-		endTime: "2023/08/29",
-		status: 1,
-		delay: 0,
-		gantts: [],
-		children: [
-			{
-				pName: "抹灰工程2-1",
-				startTime: "2023/06/29",
-				endTime: "2023/07/29",
-				status: 1,
-				delay: 0,
-				gantts: []
-			}
-		]
-	},
-	{
-		pName: "抹灰工程3",
-		startTime: "2023/07/29",
-		endTime: "2023/09/29",
-		status: 1,
-		delay: 0,
-		gantts: [],
-		children: [
-			{
-				pName: "抹灰工程3-1",
-				startTime: "2023/07/29",
-				endTime: "2023/10/29",
-				status: 1,
-				delay: 0,
-				gantts: []
-			}
-		]
-	}
-]);
-
-const itemRefs = [];
-const setItemRef = (el: any, va: any) => {
-	if (el) {
-		const b = va.split("@|@");
-
-		const dataItem = {
-			refData: va,
-			item: el
-		};
-
-		if (itemRefs.length == 0) {
-			const itemList = [];
-			itemList.push(dataItem);
-			const data = {
-				name: b[0],
-				itemS: itemList
-			};
-			itemRefs.push(data);
-		} else {
-			let isCheck = true;
-			for (let index = 0; index < itemRefs.length; index++) {
-				const element = itemRefs[index];
-				if (element.name === b) {
-					isCheck = false;
-					element.itemS.push(dataItem);
-					break;
-				}
-			}
-			if (isCheck) {
-				const itemList = [];
-				itemList.push(dataItem);
-				const data = {
-					name: b[0],
-					itemS: itemList
-				};
-				itemRefs.push(data);
-			}
-		}
-	}
-};
-const scrollLeft = ref(0);
-const scrollTimer = ref(0);
-const openedIndex = ref(9999);
-let tooltipsStyle = reactive({
-	display: "none",
-	left: 0,
-	top: 0
-});
-const getDataList = async () => {
-	const res = await bigItemAll({});
-	console.log(res);
-	projects = res.result;
-};
-onMounted(() => {
-	getDataList();
-	setGantts();
-	console.log(getDays("2022/09"), "月日期分布");
-});
-const getGanttStyle = (project: any) => {
-	console.log("进入 getGanttStyle --- ", project);
-
-	let { startTime, endTime, pName } = project;
-	const startArr = startTime.split("/");
-	const endArr = endTime.split("/");
-	let startRef = null;
-	let endRef = null;
-	// 抹灰工程1-1-2022/09/03
-
-	const a = !(startArr[2] % 2);
-	console.log(a, ":!(startArr[2] % 2:");
-	if (a) {
-		const day = startArr[2] - 1;
-		startArr[2] = day < 10 ? "0" + day : day;
-		startTime = startArr.join("/");
-	}
-	const b = !(endArr[2] % 2);
-	console.log(a, ":!(endArr[2] % 2):");
-	if (!(endArr[2] % 2)) {
-		const day = endArr[2] - 1;
-		endArr[2] = day < 10 ? "0" + day : day;
-		endTime = endArr.join("/");
-	}
-
-	console.log(dateList, "endTime ------------", itemRefs.length);
-	for (let index = 0; index < itemRefs.length; index++) {
-		const data = itemRefs[index];
-
-		if (data.name === pName) {
-			for (let index = 0; index < data.itemS.length; index++) {
-				const element = data.itemS[index];
-				if (element.refData === pName + "@|@" + startTime) {
-					startRef = data.itemS[index].item;
-				}
-
-				if (element.refData === pName + "@|@" + endTime) {
-					endRef = data.itemS[index].item;
-				}
-			}
-		}
-	}
-
-	const startLeft = startRef.offsetLeft;
-
-	const endWidth = endRef.offsetWidth;
-
-	const endLeft = endRef.offsetLeft;
-	const ganttWidth = endLeft - startLeft + endWidth;
-
-	return { left: startLeft + "px", width: ganttWidth + "px" };
-};
-const setGantts = () => {
-	const configGantts = (projects: any) => {
-		console.log("进入渲染 setGantts -- ", projects);
-		projects.map(project => {
-			let { endTime, pName, gantts } = project;
-			const gantt = getGanttStyle(project);
-			gantt.background = colors.value[project.status];
-
-			if (gantts) {
-				gantts.push(gantt);
-			} else {
-				project.gantts = [gantt];
-			}
-			if (project.delay) {
-				const delayStartTime = increaseDate(endTime, 1);
-				const delayEndTime = increaseDate(endTime, project.delay);
-				const gantt = getGanttStyle({
-					startTime: delayStartTime,
-					endTime: delayEndTime,
-					pName
-				});
-				gantt.background = colors.value[3];
-				gantts.push(gantt);
-			}
-			project.children && configGantts(project.children);
-		});
-	};
-	configGantts(projects);
-};
-const increaseDate = (date: any, delay: any) => {
-	const timestamp = new Date(date).getTime() + (delay + 1) * 1000 * 60 * 60 * 24;
-	return new Date(timestamp).toISOString().replace(/-/g, "/").slice(0, 10);
-};
-const getDays = (date: any) => {
-	const year = date.split("/")[0];
-	const month = +date.split("/")[1];
-	const large = [1, 3, 5, 7, 8, 10, 12];
-	const normal = [4, 6, 9, 11];
-	const small = [2];
-	let count = 0;
-	switch (true) {
-		case large.includes(month):
-			count = 31;
-			break;
-		case normal.includes(month):
-			count = 30;
-			break;
-		case small.includes(month):
-			count = year % 4 ? 28 : 29;
-			break;
-	}
-
-	return (() => {
-		const days = new Array(count)
-			.fill(0)
-			.map((item, index) => {
-				let num = index + 1;
-				let fulldate = date + (num < 10 ? "/0" + num : "/" + num);
-				return { num, date: fulldate };
-			})
-			.filter(item => item.num % 2);
-		if (count === 28) {
-			days.push({ num: 28, date: date + "/28" });
-		} else if (count === 30) {
-			days.push({ num: 30, date: date + "/30" });
-		}
-		return days;
-	})();
-};
-const handleOpen = (index: any) => {
-	if (index === openedIndex.value) {
-		openedIndex.value = 9999;
-	} else {
-		openedIndex.value = index;
-	}
-};
-
-const handleScroll = (e: any) => {
-	if (scrollTimer.value) {
-		clearTimeout(scrollTimer.value);
-	}
-	scrollTimer.value = setTimeout(() => {
-		scrollLeft.value = e.target.scrollLeft;
-		scrollTimer.value = null;
-	}, 100);
-};
-const handleHover = (e: any) => {
-	const { clientX, clientY } = e;
-	const decreaseLeft = clientX - 680;
-	const decreaseTop = clientY - 200;
-	tooltipsStyle = {
-		left: decreaseLeft + scrollLeft.value + "px",
-		top: decreaseTop + "px",
-		display: "block"
-	};
-};
-const handleLeave = () => {
-	tooltipsStyle.display = "none";
-};
-const dateList = computed(() => {
-	let dates = [];
-	const mapDates = data => {
-		data.map(p => {
-			dates.push(p.startTime);
-			dates.push(p.endTime);
-			p.children && mapDates(p.children);
-		});
-	};
-	mapDates(projects);
-	dates = dates.map(date => date.slice(0, 7)).sort();
-	dates = [...new Set(dates)];
-	console.log("dateList----", dates);
-	return dates;
-});
-</script>
-
-<style scoped lang="scss">
-.gantt-box {
-	box-sizing: border-box;
-	width: 100%;
-	height: 100%;
-	padding: 18px;
-	background: #092945;
-	.header {
-		display: flex;
-		justify-content: space-between;
-		width: 100%;
-		height: 60px;
-
-		.left-content {
-			display: flex;
-			width: 40%;
-			height: 100%;
-
-			.item {
-				display: flex;
-				align-items: center;
-				width: calc(100% / 4);
-
-				.color-block {
-					margin-right: 10px;
-					width: 15px;
-					height: 15px;
-					border-radius: 2px;
-				}
-
-				.label {
-					color: #ccc;
-					font-size: 20px;
-				}
-			}
-		}
-
-		.right-content {
-			font-size: 20px;
-			line-height: 60px;
-			color: #ccc;
-		}
-	}
-	.gantt-chart {
-		height: calc(100% - 145px);
-
-		.table {
-			position: relative;
-			height: 100%;
-			overflow-x: auto;
-
-			&::-webkit-scrollbar {
-				width: 10px;
-				height: 8px;
-				cursor: pointer;
-			}
-
-			&::-webkit-scrollbar-thumb {
-				border-radius: 10px;
-				background-color: skyblue;
-			}
-
-			.thead {
-				border-left: 1px solid #0a769a;
-
-				.row {
-					display: flex;
-
-					.td {
-						flex-shrink: 0;
-						box-sizing: border-box;
-						height: 42px;
-						line-height: 42px;
-						background-color: #092945;
-						color: #fff;
-						font-size: 20px;
-						border-top: 1px solid #0a769a;
-						.date {
-							line-height: 21px;
-							border-left: 1px solid #0a769a;
-
-							.month {
-								border-bottom: 1px solid #0a769a;
-							}
-
-							.days {
-								display: flex;
-
-								.day {
-									flex: 1;
-								}
-							}
-						}
-
-						&:nth-child(1) {
-							padding-left: 40px;
-							width: 200px;
-							overflow: hidden;
-							white-space: nowrap;
-							text-overflow: ellipsis;
-						}
-
-						&:not(:nth-child(1)) {
-							width: 100px;
-							text-align: center;
-						}
-
-						&:nth-child(n + 4) {
-							width: 400px;
-						}
-					}
-				}
-			}
-
-			.tbody {
-				border-left: 1px solid #0a769a;
-
-				.row-groups {
-					position: relative;
-					height: 42px;
-
-					&::before {
-						content: "";
-						position: absolute;
-						left: 26px;
-						top: 16px;
-						width: 0;
-						height: 0;
-						border-top: 4px solid transparent;
-						border-right: 4px solid transparent;
-						border-bottom: 4px solid transparent;
-						border-left: 4px solid #5be1f4;
-						z-index: 99;
-					}
-
-					&.open {
-						height: unset;
-
-						&::before {
-							border-left-color: transparent;
-							border-top-color: #5be1f4;
-						}
-					}
-
-					> .row .td:first-child {
-						user-select: none;
-						cursor: pointer;
-					}
-
-					.row {
-						position: relative;
-						display: flex;
-						border-top: 1px solid #0a769a;
-
-						.td {
-							flex-shrink: 0;
-							box-sizing: border-box;
-							height: 42px;
-							line-height: 42px;
-							background-color: #092945;
-							border-right: 1px solid #0a769a;
-							border-bottom: 1px solid #0a769a;
-							color: #fff;
-							font-size: 20px;
-							border-top: 1px solid #0a769a;
-
-							.grids {
-								height: 100%;
-								display: flex;
-
-								.grid {
-									position: relative;
-									flex: 1;
-									height: 100%;
-
-									&:not(:last-child) {
-										border-right: 1px solid #0a769a;
-									}
-								}
-							}
-
-							&:nth-child(1) {
-								padding-left: 40px;
-								width: 200px;
-							}
-
-							&:not(:nth-child(1)) {
-								width: 100px;
-								font-size: 18px;
-								text-align: center;
-							}
-
-							&:nth-child(n + 4) {
-								width: 400px;
-							}
-						}
-
-						.progress {
-							flex-shrink: 0;
-							position: absolute;
-							top: calc(50% - 7px);
-							width: 20px;
-							height: 14px;
-							background: #557dee;
-						}
-					}
-
-					.children {
-						.td {
-							height: 38px;
-							line-height: 38px;
-							font-size: 18px;
-						}
-					}
-				}
-			}
-
-			.tooltips {
-				position: absolute;
-				box-sizing: border-box;
-				padding: 10px;
-				width: 130px;
-				height: 65px;
-				font-size: 20px;
-				color: #fff;
-				border-radius: 8px;
-				background-color: #50a6b3;
-
-				.status {
-					display: inline-block;
-					margin-bottom: 6px;
-					padding: 0 10px;
-					height: 20px;
-					min-width: 60px;
-					line-height: 20px;
-					font-size: 16px;
-					border-radius: 10px;
-					background-color: #ff6c7f;
-				}
-			}
-		}
-	}
-}
-</style>
diff --git a/src/views/goverment/progressManagement/GanttchartChart/copyOne.vue b/src/views/goverment/progressManagement/GanttchartChart/copyOne.vue
deleted file mode 100644
index 2bd5dd0..0000000
--- a/src/views/goverment/progressManagement/GanttchartChart/copyOne.vue
+++ /dev/null
@@ -1,856 +0,0 @@
-<template>
-	<div class="main-box">
-		<LeftMenu
-			v-model="active"
-			:tabs="['项目名称', '工程名称']"
-			:records="records"
-			@change-page="onCurChange"
-			@search="onSearchInput"
-			:pageable="pages"
-			class="leftMenu"
-		>
-			<template #default="{ data }">
-				<div class="leftProject" @click="onSearch(data)">
-					<span class="projectName">{{
-						(data as ResAiProjectPage).projectName || (data as ResAiEngineerPage).engineeringName
-					}}</span>
-					<div class="leftMenu_item">
-						<div class="leftMenu_item flx-justify-between">
-							<div style="margin-top: 5px" class="flx-justify-between">
-								<img style="margin-right: 5px" src="@/assets/images/AIwaring/dustMap.png" alt="" />
-								<span class="middleSize">{{ data.projectAddress || data.address }}</span>
-							</div>
-							<!-- <div>
-							<img src="@/assets/images/AIwaring/报警.png" alt="" />
-							<span class="middleSize">今日报警次数：{{ data.todayAlarm }}</span>
-						</div> -->
-						</div>
-					</div>
-				</div>
-			</template>
-		</LeftMenu>
-
-		<div class="gantt-box">
-			<div class="header">
-				<div class="left-content">
-					<div class="item" v-for="(item, index) in headerList" :key="index">
-						<div class="color-block" :style="{ background: item.color }"></div>
-						<div class="label">{{ item.label }}</div>
-					</div>
-				</div>
-				<div class="right-content">备注：更新（进度填报）内容后该甘特图将自动更新</div>
-			</div>
-			<div class="gantt-chart">
-				<div class="table" @scroll="handleScroll">
-					<div class="thead">
-						<div class="row">
-							<div class="td">分部分项工程名称</div>
-							<div class="td">开始日期</div>
-							<div class="td" style="border-right: 1px solid #0a769a">完成日期</div>
-							<div class="td" v-for="date in dateList" :key="date">
-								<div class="date">
-									<div class="month">
-										{{ date }}
-									</div>
-									<div class="days">
-										<div class="day" v-for="day in getDays(date)" :key="day.num">
-											{{ day.num }}
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-					<div class="tbody">
-						<div class="row-groups" :class="{ open: openedIndex === i }" v-for="(p, i) in projects" :key="p.name">
-							<div class="row">
-								<div class="td" @click="handleOpen(i)" style="color: #35e5fd">{{ p.name }}</div>
-								<div class="td">{{ p.planStartTime }}</div>
-								<div class="td">{{ p.planEndTime }}</div>
-								<div class="td" v-for="date in dateList" :key="date + 'grid-date'">
-									<div class="grids">
-										<div
-											class="grid"
-											v-for="day in getDays(date)"
-											:key="'grid' + day.num"
-											:ref="(el: any) => setItemRef(el, p.name + '@|@' + day.date)"
-										></div>
-									</div>
-								</div>
-								<div
-									class="progress"
-									:style="gantt"
-									v-for="(gantt, index) in p.gantts"
-									:key="index"
-									@mouseenter="handleHover"
-									@mouseleave="handleLeave"
-								></div>
-							</div>
-							<div class="children">
-								<div class="row" v-for="child in p.children" :key="'child-' + child.name">
-									<div class="td">{{ child.name }}</div>
-									<div class="td">{{ child.planStartTime }}</div>
-									<div class="td">{{ child.planEndTime }}</div>
-									<div class="td" v-for="date in dateList" :key="date + 'grid-date'">
-										<div class="grids">
-											<div
-												class="grid"
-												v-for="day in getDays(date)"
-												:key="'grid' + day.num"
-												:ref="(el: any) => setItemRef(el, child.name + '@|@' + day.date)"
-											></div>
-										</div>
-									</div>
-									<div
-										class="progress"
-										:style="gantt"
-										v-for="(gantt, index) in child.gantts"
-										:key="index"
-										@mouseenter="handleHover"
-										@mouseleave="handleLeave"
-									></div>
-								</div>
-							</div>
-						</div>
-					</div>
-					<div class="tooltips" :style="tooltipsStyle">
-						<div class="status">已逾期5天</div>
-						<div class="charger">负责人：史蒂夫</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script setup lang="tsx" name="ProjectSupervisionRecord">
-import { computed, reactive, ref, onMounted, onBeforeMount, watch } from "vue";
-import type { ResAiProjectPage, ResAiEngineerPage } from "@/api/types/government/AIwaring";
-import { bigItemGovermentAll } from "@/api/modules/huizhou";
-import LeftMenu from "@/components/LeftMenu/LeftMenu.vue";
-import { getDustprojectPage, getDustengineeringPage, getAIQuestionPage } from "@/api/modules/goverment";
-const refChart = ref();
-const headerList = reactive([
-	{ label: "未开始", color: "#35e5fd" },
-	{ label: "进行中", color: "#f1d520" },
-	{ label: "已完成", color: "#4fd389" },
-	{ label: "已逾期", color: "#fc6f8e" }
-]);
-const colors = ref(["#35e5fd", "#f1d520", "#4fd389", "#fc6f8e"]);
-const active = ref(0);
-const records = ref<ResAiProjectPage[] | ResAiEngineerPage[]>([]);
-const projects = ref([]);
-const pages = ref({
-	pageNo: 1,
-	pageSize: 7,
-	total: 0
-});
-const pageable = ref({
-	pageNo: 1,
-	pageSize: 12,
-	total: 0
-});
-// 项目或者工程名字
-const searchName = ref<string>("");
-// 	{
-// 		pName: "抹灰工程1",
-// 		startTime: "2023/05/29",
-// 		endTime: "2023/07/29",
-// 		status: 1,
-// 		delay: 0,
-// 		gantts: [],
-// 		children: [
-// 			{
-// 				pName: "抹灰工程1-1",
-// 				startTime: "2023/05/29",
-// 				endTime: "2023/07/29",
-// 				status: 1,
-// 				delay: 0,
-// 				gantts: []
-// 			}
-// 		]
-// 	},
-// 	{
-// 		pName: "抹灰工程2",
-// 		startTime: "2023/06/29",
-// 		endTime: "2023/08/29",
-// 		status: 1,
-// 		delay: 0,
-// 		gantts: [],
-// 		children: [
-// 			{
-// 				pName: "抹灰工程2-1",
-// 				startTime: "2023/06/29",
-// 				endTime: "2023/07/29",
-// 				status: 1,
-// 				delay: 0,
-// 				gantts: []
-// 			}
-// 		]
-// 	},
-// 	{
-// 		pName: "抹灰工程3",
-// 		startTime: "2023/07/29",
-// 		endTime: "2023/09/29",
-// 		status: 1,
-// 		delay: 0,
-// 		gantts: [],
-// 		children: [
-// 			{
-// 				pName: "抹灰工程3-1",
-// 				startTime: "2023/07/29",
-// 				endTime: "2023/10/29",
-// 				status: 1,
-// 				delay: 0,
-// 				gantts: []
-// 			}
-// 		]
-// 	}
-// ]);
-
-const itemRefs = [];
-// 搜索用的项目sn或者工程sn
-const searchSn = ref("");
-
-// 页面的项目名称和工程名称的div点击事件
-const onSearch = async (params: ResAiProjectPage | ResAiEngineerPage) => {
-	const { result } = await getAIQuestionPage(
-		active.value === 0
-			? { projectSn: (params as ResAiProjectPage).projectSn, pageNo: pageable.value.pageNo, pageSize: pageable.value.pageSize }
-			: {
-					engineeringSn: (params as ResAiEngineerPage).engineeringSn,
-					pageNo: pageable.value.pageNo,
-					pageSize: pageable.value.pageSize
-			  }
-	);
-	pageable.value.total = Number(result.total);
-	active.value === 0
-		? (searchSn.value = (params as ResAiProjectPage).projectSn)
-		: (searchSn.value = (params as ResAiEngineerPage).engineeringSn);
-	active.value === 0
-		? (searchName.value = (params as ResAiProjectPage).projectName)
-		: (searchName.value = (params as ResAiEngineerPage).engineeringName);
-	getDataList();
-};
-// leftMenu页面的搜索按钮
-const onSearchInput = async (params: string) => {
-	console.log(params);
-	if (active.value === 0) {
-		const { result } = await getDustprojectPage({ projectName: params, ...pages.value });
-		records.value = result.records;
-	} else {
-		const { result } = await getDustengineeringPage({ engineeringName: params, ...pages.value });
-		records.value = result.records;
-	}
-};
-// leftMenu页面的分页
-const onCurChange = async (params: number) => {
-	console.log(active.value);
-	if (active.value === 0) {
-		const { result } = await getDustprojectPage({ ...pages.value, pageNo: params });
-		records.value = result.records;
-	} else {
-		const { result } = await getDustengineeringPage({ ...pages.value, pageNo: params });
-		records.value = result.records;
-		pages.value.total = +result.total;
-	}
-	pages.value.total = +res.result.total;
-};
-const setItemRef = (el: any, va: any) => {
-	if (el) {
-		const b = va.split("@|@");
-
-		const dataItem = {
-			refData: va,
-			item: el
-		};
-		if (itemRefs.length == 0) {
-			const itemList = [];
-			itemList.push(dataItem);
-			const data = {
-				name: b[0],
-				itemS: itemList
-			};
-			itemRefs.push(data);
-		} else {
-			let isCheck = true;
-			for (let index = 0; index < itemRefs.length; index++) {
-				const element = itemRefs[index];
-				if (element.name === b) {
-					isCheck = false;
-					element.itemS.push(dataItem);
-					break;
-				}
-			}
-			if (isCheck) {
-				const itemList = [];
-				itemList.push(dataItem);
-				const data = {
-					name: b[0],
-					itemS: itemList
-				};
-				itemRefs.push(data);
-			}
-		}
-	}
-};
-const scrollLeft = ref(0);
-const scrollTimer = ref(0);
-const openedIndex = ref(9999);
-let tooltipsStyle = reactive({
-	display: "none",
-	left: 0,
-	top: 0
-});
-const getDataList = async () => {
-	let requestData = {};
-	if (active.value === 0) {
-		requestData.projectSn = searchSn.value;
-	} else {
-		requestData.engineeringSn = searchSn.value;
-	}
-	const res = await bigItemGovermentAll(requestData);
-	console.log(res);
-	if (res) {
-		const arr = dealArr(res.result);
-		projects.value = arr;
-	}
-	setTimeout(function () {
-		setGantts();
-	}, 300);
-};
-const dealArr = arr => {
-	arr.map(item => {
-		item.gantts = [];
-		item.delay = 0;
-		if (item.children && item.children.length > 0) {
-			dealArr(item.children);
-		}
-	});
-	return arr;
-};
-
-// 获取项目名称分页
-const getProPage = async () => {
-	const { result } = await getDustprojectPage(pages.value);
-	records.value = result.records;
-	records.value.map(item => {
-		let showGif = false;
-		item.showGif = showGif;
-	});
-	pages.value.total = Number(result.total);
-};
-// 获取工程名称分页
-const getEngPage = async () => {
-	const { result } = await getDustengineeringPage(pages.value);
-	records.value = result.records;
-	records.value.map(item => {
-		let showGif = false;
-		item.showGif = showGif;
-	});
-	pages.value.total = +result.total;
-};
-onBeforeMount(() => {});
-onMounted(async () => {
-	getDataList();
-	await getProPage();
-	onSearch(records.value[0]);
-	searchSn.value = (records.value as ResAiProjectPage[])[0].projectSn;
-	searchName.value = (records.value as ResAiProjectPage[])[0].projectName;
-	console.log(getDays("2022-09"), "月日期分布");
-});
-const getGanttStyle = (project: any) => {
-	console.log("进入 getGanttStyle --- ", project);
-
-	let { planStartTime, planEndTime, name } = project;
-	const startArr = planStartTime.split("-");
-	const endArr = planEndTime.split("-");
-	let startRef = null;
-	let endRef = null;
-	// 抹灰工程1-1-2022/09/03
-
-	const a = !(startArr[2] % 2);
-	console.log(a, ":!(startArr[2] % 2:");
-	if (a) {
-		const day = startArr[2] - 1;
-		startArr[2] = day < 10 ? "0" + day : day;
-		planStartTime = startArr.join("-");
-	}
-	const b = !(endArr[2] % 2);
-	console.log(a, ":!(endArr[2] % 2):");
-	if (!(endArr[2] % 2)) {
-		const day = endArr[2] - 1;
-		endArr[2] = day < 10 ? "0" + day : day;
-		planEndTime = endArr.join("-");
-	}
-
-	console.log(dateList, "planEndTime ------------", itemRefs.length);
-	for (let index = 0; index < itemRefs.length; index++) {
-		const data = itemRefs[index];
-
-		if (data.name === name) {
-			for (let index = 0; index < data.itemS.length; index++) {
-				const element = data.itemS[index];
-				if (element.refData === name + "@|@" + planStartTime) {
-					startRef = data.itemS[index].item;
-				}
-
-				if (element.refData === name + "@|@" + planEndTime) {
-					endRef = data.itemS[index].item;
-				}
-			}
-		}
-	}
-
-	const startLeft = startRef.offsetLeft;
-
-	const endWidth = endRef.offsetWidth;
-
-	const endLeft = endRef.offsetLeft;
-	const ganttWidth = endLeft - startLeft + endWidth;
-
-	return { left: startLeft + "px", width: ganttWidth + "px" };
-};
-const setGantts = () => {
-	const configGantts = (projects: any) => {
-		console.log("进入渲染 setGantts -- ", projects);
-		projects.map(project => {
-			let { planEndTime, name, gantts } = project;
-			const gantt = getGanttStyle(project);
-			gantt.background = colors.value[project.state - 1];
-
-			if (gantts) {
-				gantts.push(gantt);
-			} else {
-				project.gantts = [gantt];
-			}
-			if (project.delay) {
-				const delayStartTime = increaseDate(planEndTime, 1);
-				const delayEndTime = increaseDate(planEndTime, project.delay);
-				const gantt = getGanttStyle({
-					planStartTime: delayStartTime,
-					planEndTime: delayEndTime,
-					name
-				});
-				gantt.background = colors.value[3];
-				gantts.push(gantt);
-			}
-			project.children && configGantts(project.children);
-		});
-	};
-	configGantts(projects.value);
-};
-const increaseDate = (date: any, delay: any) => {
-	const timestamp = new Date(date).getTime() + (delay + 1) * 1000 * 60 * 60 * 24;
-	return new Date(timestamp).toISOString().replace(/-/g, "-").slice(0, 10);
-};
-const getDays = (date: any) => {
-	const year = date.split("-")[0];
-	const month = +date.split("-")[1];
-	const large = [1, 3, 5, 7, 8, 10, 12];
-	const normal = [4, 6, 9, 11];
-	const small = [2];
-	let count = 0;
-	switch (true) {
-		case large.includes(month):
-			count = 31;
-			break;
-		case normal.includes(month):
-			count = 30;
-			break;
-		case small.includes(month):
-			count = year % 4 ? 28 : 29;
-			break;
-	}
-
-	return (() => {
-		const days = new Array(count)
-			.fill(0)
-			.map((item, index) => {
-				let num = index + 1;
-				let fulldate = date + (num < 10 ? "-0" + num : "-" + num);
-				return { num, date: fulldate };
-			})
-			.filter(item => item.num % 2);
-		if (count === 28) {
-			days.push({ num: 28, date: date + "-28" });
-		} else if (count === 30) {
-			days.push({ num: 30, date: date + "-30" });
-		}
-		return days;
-	})();
-};
-const handleOpen = (index: any) => {
-	console.log(666);
-	console.log(index);
-	console.log(openedIndex.value);
-	if (index === openedIndex.value) {
-		openedIndex.value = 9999;
-	} else {
-		openedIndex.value = index;
-	}
-};
-
-const handleScroll = (e: any) => {
-	if (scrollTimer.value) {
-		clearTimeout(scrollTimer.value);
-	}
-	scrollTimer.value = setTimeout(() => {
-		scrollLeft.value = e.target.scrollLeft;
-		scrollTimer.value = null;
-	}, 100);
-};
-const handleHover = (e: any) => {
-	console.log(666);
-	console.log(e);
-	const { clientX, clientY } = e;
-	const decreaseLeft = clientX - 680;
-	const decreaseTop = clientY - 200;
-	tooltipsStyle = {
-		left: decreaseLeft + scrollLeft.value + "px",
-		top: decreaseTop + "px",
-		display: "block"
-	};
-};
-const handleLeave = () => {
-	console.log(777);
-	tooltipsStyle.display = "none";
-};
-const dateList = computed(() => {
-	let dates = [];
-	const mapDates = data => {
-		data.map(p => {
-			dates.push(p.planStartTime);
-			dates.push(p.planEndTime);
-			p.children && mapDates(p.children);
-		});
-	};
-	mapDates(projects.value);
-	dates = dates.map(date => date.slice(0, 7)).sort();
-	dates = [...new Set(dates)];
-	console.log("dateList----", dates);
-	return dates;
-});
-watch(
-	() => active.value,
-	async (value: number) => {
-		pages.value.pageNo = 1;
-		pages.value.total = 0;
-		// console.log(value);
-
-		if (value === 0) {
-			await getProPage();
-			onSearch(records.value[0]);
-		} else {
-			await getEngPage();
-			onSearch(records.value[0]);
-		}
-	},
-	{
-		deep: true
-	}
-);
-</script>
-
-<style scoped lang="scss">
-.leftMenu {
-	width: 300px;
-	// width: 290px;
-	// 页面的项目工程
-	:deep(.item) {
-		height: 78px !important;
-	}
-	:deep(.content) {
-		height: calc(100% - 160px) !important;
-	}
-	.leftProject {
-		// padding: 5px 8px;
-		color: #333333;
-		.projectName {
-			display: block;
-			width: 100%;
-			overflow: hidden;
-
-			// font-weight: 700;
-			font-family: "siyuan_Medium";
-			font-size: 20px;
-			color: #ffffff;
-			text-overflow: ellipsis;
-			white-space: nowrap;
-		}
-		.leftMenu_item {
-			display: flex;
-			justify-content: space-between;
-			margin-top: 10px;
-			overflow: hidden;
-			.middleSize {
-				display: inline-block;
-				font-size: 18px;
-				color: #c4c4c4;
-				white-space: nowrap;
-				text-overflow: ellipsis;
-				overflow: hidden;
-			}
-			.video {
-				display: flex;
-				align-items: center;
-				img {
-					width: 14px;
-					height: 14px;
-					margin: 0 4px;
-				}
-			}
-		}
-		.bottom_item {
-			.bottomSize {
-				font-size: 18px !important;
-				color: #666666;
-			}
-		}
-	}
-}
-.gantt-box {
-	box-sizing: border-box;
-	width: calc(100% - 320px);
-	height: 100%;
-	padding: 18px;
-	background: #092945;
-	margin-left: 20px;
-	border-radius: 8px;
-	.header {
-		display: flex;
-		justify-content: space-between;
-		width: 100%;
-		height: 60px;
-
-		.left-content {
-			display: flex;
-			width: 40%;
-			height: 100%;
-
-			.item {
-				display: flex;
-				align-items: center;
-				width: calc(100% / 4);
-
-				.color-block {
-					margin-right: 10px;
-					width: 15px;
-					height: 15px;
-					border-radius: 2px;
-				}
-
-				.label {
-					color: #ccc;
-					font-size: 20px;
-				}
-			}
-		}
-
-		.right-content {
-			font-size: 20px;
-			line-height: 60px;
-			color: #ccc;
-		}
-	}
-	.gantt-chart {
-		height: calc(100% - 145px);
-
-		.table {
-			position: relative;
-			height: 100%;
-			overflow-x: auto;
-
-			&::-webkit-scrollbar {
-				width: 10px;
-				height: 8px;
-				cursor: pointer;
-			}
-
-			&::-webkit-scrollbar-thumb {
-				border-radius: 10px;
-				background-color: skyblue;
-			}
-
-			.thead {
-				border-left: 1px solid #0a769a;
-
-				.row {
-					display: flex;
-
-					.td {
-						flex-shrink: 0;
-						box-sizing: border-box;
-						height: 42px;
-						line-height: 42px;
-						background-color: #092945;
-						color: #fff;
-						font-size: 20px;
-						border-top: 1px solid #0a769a;
-						.date {
-							line-height: 21px;
-							border-left: 1px solid #0a769a;
-
-							.month {
-								border-bottom: 1px solid #0a769a;
-							}
-
-							.days {
-								display: flex;
-
-								.day {
-									flex: 1;
-								}
-							}
-						}
-
-						&:nth-child(1) {
-							padding-left: 40px;
-							width: 200px;
-							overflow: hidden;
-							white-space: nowrap;
-							text-overflow: ellipsis;
-						}
-
-						&:not(:nth-child(1)) {
-							width: 100px;
-							text-align: center;
-						}
-
-						&:nth-child(n + 4) {
-							width: 400px;
-						}
-					}
-				}
-			}
-
-			.tbody {
-				border-left: 1px solid #0a769a;
-
-				.row-groups {
-					position: relative;
-					height: 42px;
-
-					&::before {
-						content: "";
-						position: absolute;
-						left: 26px;
-						top: 16px;
-						width: 0;
-						height: 0;
-						border-top: 4px solid transparent;
-						border-right: 4px solid transparent;
-						border-bottom: 4px solid transparent;
-						border-left: 4px solid #5be1f4;
-						z-index: 99;
-					}
-
-					&.open {
-						height: unset;
-
-						&::before {
-							border-left-color: transparent;
-							border-top-color: #5be1f4;
-						}
-					}
-
-					> .row .td:first-child {
-						user-select: none;
-						cursor: pointer;
-					}
-
-					.row {
-						position: relative;
-						display: flex;
-						border-top: 1px solid #0a769a;
-
-						.td {
-							flex-shrink: 0;
-							box-sizing: border-box;
-							height: 42px;
-							line-height: 42px;
-							background-color: #092945;
-							border-right: 1px solid #0a769a;
-							border-bottom: 1px solid #0a769a;
-							color: #fff;
-							font-size: 20px;
-							border-top: 1px solid #0a769a;
-
-							.grids {
-								height: 100%;
-								display: flex;
-
-								.grid {
-									position: relative;
-									flex: 1;
-									height: 100%;
-
-									&:not(:last-child) {
-										border-right: 1px solid #0a769a;
-									}
-								}
-							}
-
-							&:nth-child(1) {
-								padding-left: 40px;
-								width: 200px;
-							}
-
-							&:not(:nth-child(1)) {
-								width: 100px;
-								font-size: 18px;
-								text-align: center;
-							}
-
-							&:nth-child(n + 4) {
-								width: 400px;
-							}
-						}
-
-						.progress {
-							flex-shrink: 0;
-							position: absolute;
-							top: calc(50% - 7px);
-							width: 20px;
-							height: 14px;
-							background: #557dee;
-						}
-					}
-
-					.children {
-						.td {
-							height: 38px;
-							line-height: 38px;
-							font-size: 18px;
-						}
-					}
-				}
-			}
-
-			.tooltips {
-				position: absolute;
-				box-sizing: border-box;
-				padding: 10px;
-				width: 130px;
-				height: 65px;
-				font-size: 20px;
-				color: #fff;
-				border-radius: 8px;
-				background-color: #50a6b3;
-
-				.status {
-					display: inline-block;
-					margin-bottom: 6px;
-					padding: 0 10px;
-					height: 20px;
-					min-width: 60px;
-					line-height: 20px;
-					font-size: 16px;
-					border-radius: 10px;
-					background-color: #ff6c7f;
-				}
-			}
-		}
-	}
-}
-</style>
diff --git a/src/views/goverment/progressManagement/planFinishSituation/components/transformInfo1.vue b/src/views/goverment/progressManagement/planFinishSituation/components/transformInfo1.vue
index 856c865..b70a393 100644
--- a/src/views/goverment/progressManagement/planFinishSituation/components/transformInfo1.vue
+++ b/src/views/goverment/progressManagement/planFinishSituation/components/transformInfo1.vue
@@ -136,7 +136,7 @@ import { onMounted, ref, watch, reactive } from "vue";
 import { ElMessage, ElMessageBox } from "element-plus";
 import type { FormInstance, UploadProps } from "element-plus";
 import { relativeInfo, timeLineData, submitReform, submitAll } from "@/api/modules/project";
-import { payGovermentSubItemList, payGovermentSubItemCount, payGovermentSubItemDetail } from "@/api/modules/huizhou";
+import { payGovermentSubItemList, payGovermentSubItemCount, payGovermentSubItemDetail } from "@/api/modules/goverment";
 import { CirclePlus } from "@element-plus/icons-vue";
 import DialogForm from "@/components/DialogForm/index.vue";
 const addVisible = ref(false);
diff --git a/src/views/goverment/progressManagement/planFinishSituation/index.vue b/src/views/goverment/progressManagement/planFinishSituation/index.vue
index 92ee5cf..720a768 100644
--- a/src/views/goverment/progressManagement/planFinishSituation/index.vue
+++ b/src/views/goverment/progressManagement/planFinishSituation/index.vue
@@ -77,7 +77,7 @@ import { useRouter } from "vue-router";
 import { ColumnProps } from "@/components/ProTable/interface";
 import ProTable from "@/components/ProTable/index.vue";
 import changeTheme from "@/components/changeTheme/index.vue";
-import { applyTimeGovermentList, applyTimeAdd, payGovermentEngList, payGovermentProList } from "@/api/modules/huizhou";
+import { applyTimeGovermentList, applyTimeAdd, payGovermentEngList, payGovermentProList } from "@/api/modules/goverment";
 import { GlobalStore } from "@/stores";
 import DialogForm from "@/components/DialogForm/index.vue";
 import type { FormRules, FormInstance, UploadInstance } from "element-plus";
diff --git a/src/views/project/progressManagement/ganttChart/copyOne.vue b/src/views/project/progressManagement/ganttChart/copyOne.vue
deleted file mode 100644
index 2178f65..0000000
--- a/src/views/project/progressManagement/ganttChart/copyOne.vue
+++ /dev/null
@@ -1,631 +0,0 @@
-<template>
-	<div class="gantt-box">
-		<div class="header">
-			<div class="left-content">
-				<div class="item" v-for="(item, index) in headerList" :key="index">
-					<div class="color-block" :style="{ background: item.color }"></div>
-					<div class="label">{{ item.label }}</div>
-				</div>
-			</div>
-			<div class="right-content">备注：更新（进度填报）内容后该甘特图将自动更新</div>
-		</div>
-		<div class="gantt-chart">
-			<div class="table" @scroll="handleScroll">
-				<div class="thead">
-					<div class="row">
-						<div class="td">分部分项工程名称</div>
-						<div class="td">开始日期</div>
-						<div class="td" style="border-right: 1px solid #0a769a">完成日期</div>
-						<div class="td" v-for="date in dateList" :key="date">
-							<div class="date">
-								<div class="month">
-									{{ date }}
-								</div>
-								<div class="days">
-									<div class="day" v-for="day in getDays(date)" :key="day.num">
-										{{ day.num }}
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="tbody">
-					<div class="row-groups" :class="{ open: openedIndex === i }" v-for="(p, i) in projects" :key="p.pName">
-						<div class="row">
-							<div class="td" @click="handleOpen(i)" style="color: #35e5fd">{{ p.pName }}</div>
-							<div class="td">{{ p.startTime }}</div>
-							<div class="td">{{ p.endTime }}</div>
-							<div class="td" v-for="date in dateList" :key="date + 'grid-date'">
-								<div class="grids">
-									<div
-										class="grid"
-										v-for="day in getDays(date)"
-										:key="'grid' + day.num"
-										:ref="(el: any) => setItemRef(el, p.pName + '@|@' + day.date)"
-									></div>
-								</div>
-							</div>
-							<div
-								class="progress"
-								:style="gantt"
-								v-for="(gantt, index) in p.gantts"
-								:key="index"
-								@mouseenter="handleHover"
-								@mouseleave="handleLeave"
-							></div>
-						</div>
-						<div class="children">
-							<div class="row" v-for="child in p.children" :key="'child-' + child.pName">
-								<div class="td">{{ child.pName }}</div>
-								<div class="td">{{ child.startTime }}</div>
-								<div class="td">{{ child.endTime }}</div>
-								<div class="td" v-for="date in dateList" :key="date + 'grid-date'">
-									<div class="grids">
-										<div
-											class="grid"
-											v-for="day in getDays(date)"
-											:key="'grid' + day.num"
-											:ref="(el: any) => setItemRef(el, child.pName + '@|@' + day.date)"
-										></div>
-									</div>
-								</div>
-								<div
-									class="progress"
-									:style="gantt"
-									v-for="(gantt, index) in child.gantts"
-									:key="index"
-									@mouseenter="handleHover"
-									@mouseleave="handleLeave"
-								></div>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="tooltips" :style="tooltipsStyle">
-					<div class="status">已逾期5天</div>
-					<div class="charger">负责人：史蒂夫</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script setup lang="tsx" name="ProjectSupervisionRecord">
-import { computed, reactive, ref, onMounted } from "vue";
-import { bigItemAll } from "@/api/modules/huizhou";
-const refChart = ref();
-const headerList = reactive([
-	{ label: "阶段完成", color: "#35e5fd" },
-	{ label: "任务完成", color: "#4fd389" },
-	{ label: "进行中", color: "#f1d520" },
-	{ label: "逾期", color: "#fc6f8e" }
-]);
-const colors = ref(["#35e5fd", "#f1d520", "#4fd389", "#fc6f8e"]);
-const projects = reactive([
-	{
-		pName: "抹灰工程1",
-		startTime: "2023/05/29",
-		endTime: "2023/07/29",
-		status: 1,
-		delay: 0,
-		gantts: [],
-		children: [
-			{
-				pName: "抹灰工程1-1",
-				startTime: "2023/05/29",
-				endTime: "2023/07/29",
-				status: 1,
-				delay: 0,
-				gantts: []
-			}
-		]
-	},
-	{
-		pName: "抹灰工程2",
-		startTime: "2023/06/29",
-		endTime: "2023/08/29",
-		status: 1,
-		delay: 0,
-		gantts: [],
-		children: [
-			{
-				pName: "抹灰工程2-1",
-				startTime: "2023/06/29",
-				endTime: "2023/07/29",
-				status: 1,
-				delay: 0,
-				gantts: []
-			}
-		]
-	},
-	{
-		pName: "抹灰工程3",
-		startTime: "2023/07/29",
-		endTime: "2023/09/29",
-		status: 1,
-		delay: 0,
-		gantts: [],
-		children: [
-			{
-				pName: "抹灰工程3-1",
-				startTime: "2023/07/29",
-				endTime: "2023/10/29",
-				status: 1,
-				delay: 0,
-				gantts: []
-			}
-		]
-	}
-]);
-
-const itemRefs = [];
-const setItemRef = (el: any, va: any) => {
-	if (el) {
-		const b = va.split("@|@");
-
-		const dataItem = {
-			refData: va,
-			item: el
-		};
-
-		if (itemRefs.length == 0) {
-			const itemList = [];
-			itemList.push(dataItem);
-			const data = {
-				name: b[0],
-				itemS: itemList
-			};
-			itemRefs.push(data);
-		} else {
-			let isCheck = true;
-			for (let index = 0; index < itemRefs.length; index++) {
-				const element = itemRefs[index];
-				if (element.name === b) {
-					isCheck = false;
-					element.itemS.push(dataItem);
-					break;
-				}
-			}
-			if (isCheck) {
-				const itemList = [];
-				itemList.push(dataItem);
-				const data = {
-					name: b[0],
-					itemS: itemList
-				};
-				itemRefs.push(data);
-			}
-		}
-	}
-};
-const scrollLeft = ref(0);
-const scrollTimer = ref(0);
-const openedIndex = ref(9999);
-let tooltipsStyle = reactive({
-	display: "none",
-	left: 0,
-	top: 0
-});
-const getDataList = async () => {
-	const res = await bigItemAll({});
-	console.log(res);
-	projects = res.result;
-};
-onMounted(() => {
-	getDataList();
-	setGantts();
-	console.log(getDays("2022/09"), "月日期分布");
-});
-const getGanttStyle = (project: any) => {
-	console.log("进入 getGanttStyle --- ", project);
-
-	let { startTime, endTime, pName } = project;
-	const startArr = startTime.split("/");
-	const endArr = endTime.split("/");
-	let startRef = null;
-	let endRef = null;
-	// 抹灰工程1-1-2022/09/03
-
-	const a = !(startArr[2] % 2);
-	console.log(a, ":!(startArr[2] % 2:");
-	if (a) {
-		const day = startArr[2] - 1;
-		startArr[2] = day < 10 ? "0" + day : day;
-		startTime = startArr.join("/");
-	}
-	const b = !(endArr[2] % 2);
-	console.log(a, ":!(endArr[2] % 2):");
-	if (!(endArr[2] % 2)) {
-		const day = endArr[2] - 1;
-		endArr[2] = day < 10 ? "0" + day : day;
-		endTime = endArr.join("/");
-	}
-
-	console.log(dateList, "endTime ------------", itemRefs.length);
-	for (let index = 0; index < itemRefs.length; index++) {
-		const data = itemRefs[index];
-
-		if (data.name === pName) {
-			for (let index = 0; index < data.itemS.length; index++) {
-				const element = data.itemS[index];
-				if (element.refData === pName + "@|@" + startTime) {
-					startRef = data.itemS[index].item;
-				}
-
-				if (element.refData === pName + "@|@" + endTime) {
-					endRef = data.itemS[index].item;
-				}
-			}
-		}
-	}
-
-	const startLeft = startRef.offsetLeft;
-
-	const endWidth = endRef.offsetWidth;
-
-	const endLeft = endRef.offsetLeft;
-	const ganttWidth = endLeft - startLeft + endWidth;
-
-	return { left: startLeft + "px", width: ganttWidth + "px" };
-};
-const setGantts = () => {
-	const configGantts = (projects: any) => {
-		console.log("进入渲染 setGantts -- ", projects);
-		projects.map(project => {
-			let { endTime, pName, gantts } = project;
-			const gantt = getGanttStyle(project);
-			gantt.background = colors.value[project.status];
-
-			if (gantts) {
-				gantts.push(gantt);
-			} else {
-				project.gantts = [gantt];
-			}
-			if (project.delay) {
-				const delayStartTime = increaseDate(endTime, 1);
-				const delayEndTime = increaseDate(endTime, project.delay);
-				const gantt = getGanttStyle({
-					startTime: delayStartTime,
-					endTime: delayEndTime,
-					pName
-				});
-				gantt.background = colors.value[3];
-				gantts.push(gantt);
-			}
-			project.children && configGantts(project.children);
-		});
-	};
-	configGantts(projects);
-};
-const increaseDate = (date: any, delay: any) => {
-	const timestamp = new Date(date).getTime() + (delay + 1) * 1000 * 60 * 60 * 24;
-	return new Date(timestamp).toISOString().replace(/-/g, "/").slice(0, 10);
-};
-const getDays = (date: any) => {
-	const year = date.split("/")[0];
-	const month = +date.split("/")[1];
-	const large = [1, 3, 5, 7, 8, 10, 12];
-	const normal = [4, 6, 9, 11];
-	const small = [2];
-	let count = 0;
-	switch (true) {
-		case large.includes(month):
-			count = 31;
-			break;
-		case normal.includes(month):
-			count = 30;
-			break;
-		case small.includes(month):
-			count = year % 4 ? 28 : 29;
-			break;
-	}
-
-	return (() => {
-		const days = new Array(count)
-			.fill(0)
-			.map((item, index) => {
-				let num = index + 1;
-				let fulldate = date + (num < 10 ? "/0" + num : "/" + num);
-				return { num, date: fulldate };
-			})
-			.filter(item => item.num % 2);
-		if (count === 28) {
-			days.push({ num: 28, date: date + "/28" });
-		} else if (count === 30) {
-			days.push({ num: 30, date: date + "/30" });
-		}
-		return days;
-	})();
-};
-const handleOpen = (index: any) => {
-	if (index === openedIndex.value) {
-		openedIndex.value = 9999;
-	} else {
-		openedIndex.value = index;
-	}
-};
-
-const handleScroll = (e: any) => {
-	if (scrollTimer.value) {
-		clearTimeout(scrollTimer.value);
-	}
-	scrollTimer.value = setTimeout(() => {
-		scrollLeft.value = e.target.scrollLeft;
-		scrollTimer.value = null;
-	}, 100);
-};
-const handleHover = (e: any) => {
-	const { clientX, clientY } = e;
-	const decreaseLeft = clientX - 680;
-	const decreaseTop = clientY - 200;
-	tooltipsStyle = {
-		left: decreaseLeft + scrollLeft.value + "px",
-		top: decreaseTop + "px",
-		display: "block"
-	};
-};
-const handleLeave = () => {
-	tooltipsStyle.display = "none";
-};
-const dateList = computed(() => {
-	let dates = [];
-	const mapDates = data => {
-		data.map(p => {
-			dates.push(p.startTime);
-			dates.push(p.endTime);
-			p.children && mapDates(p.children);
-		});
-	};
-	mapDates(projects);
-	dates = dates.map(date => date.slice(0, 7)).sort();
-	dates = [...new Set(dates)];
-	console.log("dateList----", dates);
-	return dates;
-});
-</script>
-
-<style scoped lang="scss">
-.gantt-box {
-	box-sizing: border-box;
-	width: 100%;
-	height: 100%;
-	padding: 18px;
-	background: #092945;
-	.header {
-		display: flex;
-		justify-content: space-between;
-		width: 100%;
-		height: 60px;
-
-		.left-content {
-			display: flex;
-			width: 40%;
-			height: 100%;
-
-			.item {
-				display: flex;
-				align-items: center;
-				width: calc(100% / 4);
-
-				.color-block {
-					margin-right: 10px;
-					width: 15px;
-					height: 15px;
-					border-radius: 2px;
-				}
-
-				.label {
-					color: #ccc;
-					font-size: 20px;
-				}
-			}
-		}
-
-		.right-content {
-			font-size: 20px;
-			line-height: 60px;
-			color: #ccc;
-		}
-	}
-	.gantt-chart {
-		height: calc(100% - 145px);
-
-		.table {
-			position: relative;
-			height: 100%;
-			overflow-x: auto;
-
-			&::-webkit-scrollbar {
-				width: 10px;
-				height: 8px;
-				cursor: pointer;
-			}
-
-			&::-webkit-scrollbar-thumb {
-				border-radius: 10px;
-				background-color: skyblue;
-			}
-
-			.thead {
-				border-left: 1px solid #0a769a;
-
-				.row {
-					display: flex;
-
-					.td {
-						flex-shrink: 0;
-						box-sizing: border-box;
-						height: 42px;
-						line-height: 42px;
-						background-color: #092945;
-						color: #fff;
-						font-size: 20px;
-						border-top: 1px solid #0a769a;
-						.date {
-							line-height: 21px;
-							border-left: 1px solid #0a769a;
-
-							.month {
-								border-bottom: 1px solid #0a769a;
-							}
-
-							.days {
-								display: flex;
-
-								.day {
-									flex: 1;
-								}
-							}
-						}
-
-						&:nth-child(1) {
-							padding-left: 40px;
-							width: 200px;
-							overflow: hidden;
-							white-space: nowrap;
-							text-overflow: ellipsis;
-						}
-
-						&:not(:nth-child(1)) {
-							width: 100px;
-							text-align: center;
-						}
-
-						&:nth-child(n + 4) {
-							width: 400px;
-						}
-					}
-				}
-			}
-
-			.tbody {
-				border-left: 1px solid #0a769a;
-
-				.row-groups {
-					position: relative;
-					height: 42px;
-
-					&::before {
-						content: "";
-						position: absolute;
-						left: 26px;
-						top: 16px;
-						width: 0;
-						height: 0;
-						border-top: 4px solid transparent;
-						border-right: 4px solid transparent;
-						border-bottom: 4px solid transparent;
-						border-left: 4px solid #5be1f4;
-						z-index: 99;
-					}
-
-					&.open {
-						height: unset;
-
-						&::before {
-							border-left-color: transparent;
-							border-top-color: #5be1f4;
-						}
-					}
-
-					> .row .td:first-child {
-						user-select: none;
-						cursor: pointer;
-					}
-
-					.row {
-						position: relative;
-						display: flex;
-						border-top: 1px solid #0a769a;
-
-						.td {
-							flex-shrink: 0;
-							box-sizing: border-box;
-							height: 42px;
-							line-height: 42px;
-							background-color: #092945;
-							border-right: 1px solid #0a769a;
-							border-bottom: 1px solid #0a769a;
-							color: #fff;
-							font-size: 20px;
-							border-top: 1px solid #0a769a;
-
-							.grids {
-								height: 100%;
-								display: flex;
-
-								.grid {
-									position: relative;
-									flex: 1;
-									height: 100%;
-
-									&:not(:last-child) {
-										border-right: 1px solid #0a769a;
-									}
-								}
-							}
-
-							&:nth-child(1) {
-								padding-left: 40px;
-								width: 200px;
-							}
-
-							&:not(:nth-child(1)) {
-								width: 100px;
-								font-size: 18px;
-								text-align: center;
-							}
-
-							&:nth-child(n + 4) {
-								width: 400px;
-							}
-						}
-
-						.progress {
-							flex-shrink: 0;
-							position: absolute;
-							top: calc(50% - 7px);
-							width: 20px;
-							height: 14px;
-							background: #557dee;
-						}
-					}
-
-					.children {
-						.td {
-							height: 38px;
-							line-height: 38px;
-							font-size: 18px;
-						}
-					}
-				}
-			}
-
-			.tooltips {
-				position: absolute;
-				box-sizing: border-box;
-				padding: 10px;
-				width: 130px;
-				height: 65px;
-				font-size: 20px;
-				color: #fff;
-				border-radius: 8px;
-				background-color: #50a6b3;
-
-				.status {
-					display: inline-block;
-					margin-bottom: 6px;
-					padding: 0 10px;
-					height: 20px;
-					min-width: 60px;
-					line-height: 20px;
-					font-size: 16px;
-					border-radius: 10px;
-					background-color: #ff6c7f;
-				}
-			}
-		}
-	}
-}
-</style>