From 21ef709e0c8e1f31339ad43680614bb6735d63d9 Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Tue, 28 May 2024 17:53:15 +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/components/divDialogComponent/index.vue   |  90 +++++++++++
 .../divisionsAndISubItems/index.scss          |  38 +++++
 .../divisionsAndISubItems/index.vue           | 144 +++++++++++++++++-
 3 files changed, 268 insertions(+), 4 deletions(-)
 create mode 100644 src/components/divDialogComponent/index.vue

diff --git a/src/components/divDialogComponent/index.vue b/src/components/divDialogComponent/index.vue
new file mode 100644
index 0000000..2a0e54f
--- /dev/null
+++ b/src/components/divDialogComponent/index.vue
@@ -0,0 +1,90 @@
+<template>
+	<div class="dialog1" v-if="visible1">
+		<div class="top-content">
+			<slot name="topContent"></slot>
+		</div>
+		<div class="center-content">
+			<slot name="centerContent"></slot>
+		</div>
+		<div class="bottom-content">
+			<slot name="bottomContent"></slot>
+		</div>
+	</div>
+</template>
+<script setup lang="ts" name="SearchForm">
+import { computed, ref, watch, onMounted } from "vue";
+const visible1 = ref(false);
+const props = defineProps({
+	visible: Boolean
+});
+const emit = defineEmits(["update:visible"]);
+onMounted(() => {
+	// 初始化 配置弹框是否可显示
+	visible1.value = props.visible;
+});
+watch(
+	() => props.visible,
+	(n, o) => {
+		visible1.value = n;
+	}
+);
+// 监听el-dialog显示状态，再通过@update:visible 通知父组件，一般是用于关
+watch(visible1, (n, o) => {
+	emit("update:visible", n);
+});
+</script>
+<style lang="scss" scoped>
+@mixin flex {
+	display: flex;
+	align-items: center;
+}
+.dialog1 {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	background-color: #092945;
+	z-index: 10;
+	display: flex;
+	flex-direction: column;
+	.top-content {
+		height: 10%;
+		.title-detail {
+			@include flex;
+			border-left: 2px solid #0f81ff;
+			font-size: 24px;
+			color: #333333;
+			width: 90%;
+			margin: 20px auto;
+			> img {
+				width: 16px;
+				height: 18px;
+			}
+			> span {
+				font-size: 22px;
+				font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+				font-weight: 400;
+				color: var(--el-menu-text-color);
+				margin-left: 5px;
+				margin-right: auto;
+			}
+			:deep(.el-icon) {
+				cursor: pointer;
+				color: #a8abb2;
+			}
+		}
+	}
+	.center-content {
+		height: 80%;
+	}
+	.bottom-content {
+		flex: 1;
+
+		.foot-div {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin-top: 20px;
+		}
+	}
+}
+</style>
diff --git a/src/views/goverment/huizhou/progressManagement/divisionsAndISubItems/index.scss b/src/views/goverment/huizhou/progressManagement/divisionsAndISubItems/index.scss
index f3e3774..2f15f37 100644
--- a/src/views/goverment/huizhou/progressManagement/divisionsAndISubItems/index.scss
+++ b/src/views/goverment/huizhou/progressManagement/divisionsAndISubItems/index.scss
@@ -1,8 +1,13 @@
+@mixin flex {
+	display: flex;
+	align-items: center;
+}
 .warning-page {
 	// background-color: blue;
 	display: flex;
 	width: 100%;
 	height: 100%;
+	position: relative;
 	.leftMenu {
 		// width: 290px;
 		// 页面的项目工程
@@ -192,3 +197,36 @@
 		color: var(--el-menu-text-color);
 	}
 }
+
+// 新增嵌入框1
+
+.title-detail {
+	@include flex;
+	border-left: 2px solid #0f81ff;
+	font-size: 24px;
+	color: #333333;
+	width: 90%;
+	margin: 20px auto;
+	> img {
+		width: 16px;
+		height: 18px;
+	}
+	> span {
+		font-size: 22px;
+		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+		font-weight: 400;
+		color: var(--el-menu-text-color);
+		margin-left: 5px;
+		margin-right: auto;
+	}
+	:deep(.el-icon) {
+		cursor: pointer;
+		color: #a8abb2;
+	}
+}
+.foot-div {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-top: 20px;
+}
diff --git a/src/views/goverment/huizhou/progressManagement/divisionsAndISubItems/index.vue b/src/views/goverment/huizhou/progressManagement/divisionsAndISubItems/index.vue
index 7f7aa57..8c02745 100644
--- a/src/views/goverment/huizhou/progressManagement/divisionsAndISubItems/index.vue
+++ b/src/views/goverment/huizhou/progressManagement/divisionsAndISubItems/index.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="warning-page">
+	<div class="warning-page" id="warning-page">
 		<LeftMenu
 			v-model="active"
 			:tabs="['项目名称', '工程名称']"
@@ -150,8 +150,7 @@
 				<Pagination :pageable="pageable" :handleSizeChange="handleSizeChange" :handleCurrentChange="handleCurrentChange" />
 			</div>
 			<changeTheme />
-			<!-- 新增子分部分项 -->
-			<el-dialog class="imgDialog" :title="newTitle" width="40%" v-model="childrenVisible" show-close>
+			<el-dialog class="imgDialog" append-to="#warning-page" :title="newTitle" width="40%" v-model="childrenVisible" show-close>
 				<el-form class="diaForm" :rules="rules" :model="childrenFormData" ref="ruleFormRef" label-width="160px">
 					<el-form-item v-if="newTitle == '新增子项'" label="父分部分项名称：">
 						<el-input disabled :value="parentObj.name" placeholder="请输入" />
@@ -285,6 +284,139 @@
 				</template>
 			</el-dialog>
 		</div>
+
+		<!-- 新增子分部分项 -->
+		<!-- <divDialogComponent v-model:visible="childrenVisible">
+			<template #topContent>
+				<div class="title-detail">
+					<span>新增</span>
+					<el-icon>
+						<close @click="closeMain" />
+					</el-icon>
+				</div>
+			</template>
+			<template #centerContent>
+				<el-scrollbar style="width: 50%; height: 100%; margin: 0 auto">
+					<el-form class="diaForm" :rules="rules" :model="childrenFormData" ref="ruleFormRef" label-width="160px">
+						<el-form-item v-if="newTitle == '新增子项'" label="父分部分项名称：">
+							<el-input disabled :value="parentObj.name" placeholder="请输入" />
+						</el-form-item>
+						<el-form-item label="分部分项名称：" prop="name">
+							<el-input v-model="childrenFormData.name" placeholder="请输入" />
+						</el-form-item>
+						<el-form-item label="施工位置：" prop="buildAddress">
+							<el-input v-model="childrenFormData.buildAddress" placeholder="请输入" />
+						</el-form-item>
+						<el-form-item label="单位：" prop="unit">
+							<el-input v-model="childrenFormData.unit" placeholder="请输入" />
+						</el-form-item>
+						<el-form-item label="工作量：" prop="workload">
+							<el-input v-model="childrenFormData.workload" placeholder="请输入" />
+						</el-form-item>
+						<el-form-item label="完成比率：" prop="completeRatio">
+							<el-input v-model="childrenFormData.completeRatio" placeholder="请输入" />
+						</el-form-item>
+						<el-form-item label="任务描述：" prop="taskDesc">
+							<el-input v-model="childrenFormData.taskDesc" type="textarea" :rows="3" placeholder="请输入" />
+						</el-form-item>
+						<el-form-item label="状态：" prop="state">
+							<el-select style="width: 100%" v-model="childrenFormData.state" clearable placeholder="请选择">
+								<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
+							</el-select>
+						</el-form-item>
+						<el-form-item label="预计开始日期：" prop="planStartTime">
+							<el-date-picker
+								style="width: 100%"
+								v-model="childrenFormData.planStartTime"
+								format="YYYY-MM-DD"
+								value-format="YYYY-MM-DD"
+								type="datetime"
+								placeholder="请选择时间"
+							/>
+						</el-form-item>
+						<el-form-item label="预计完成日期：" prop="planEndTime">
+							<el-date-picker
+								style="width: 100%"
+								v-model="childrenFormData.planEndTime"
+								format="YYYY-MM-DD"
+								value-format="YYYY-MM-DD"
+								type="datetime"
+								placeholder="请选择时间"
+							/>
+						</el-form-item>
+						<el-form-item label="实际完成日期：" prop="realEndTime">
+							<el-date-picker
+								style="width: 100%"
+								v-model="childrenFormData.realEndTime"
+								format="YYYY-MM-DD"
+								value-format="YYYY-MM-DD"
+								type="datetime"
+								placeholder="请选择时间"
+							/>
+						</el-form-item>
+						<el-form-item label="重要程度：" prop="importance">
+							<el-input v-model="childrenFormData.importance" placeholder="请输入" />
+						</el-form-item>
+						<el-form-item label="负责人：" prop="commander">
+							<el-input v-model="childrenFormData.commander" placeholder="请输入" />
+						</el-form-item>
+						<el-form-item label="逾期问题描述：" prop="overdueIssueDesc">
+							<el-input v-model="childrenFormData.overdueIssueDesc" placeholder="请输入" />
+						</el-form-item>
+						<el-form-item label="整改期限：" prop="deadline">
+							<el-date-picker
+								style="width: 100%"
+								v-model="childrenFormData.deadline"
+								format="YYYY-MM-DD"
+								value-format="YYYY-MM-DD"
+								type="datetime"
+								placeholder="请选择时间"
+							/>
+						</el-form-item>
+						<el-form-item label="逾期文件说明：" prop="overdueIssueFile">
+							<el-upload
+								ref="upload1"
+								:headers="headers"
+								:file-list="fileList1"
+								class="upload-demo"
+								:action="`${baseUrl}` + '/xmgl/file/upload'"
+								:on-remove="onRemove1"
+								multiple
+								:limit="1"
+								:on-success="uploadSuccess1"
+								style="width: 100%"
+							>
+								<el-button class="uploadBtn" type="primary">点击上传</el-button>
+							</el-upload>
+						</el-form-item>
+						<el-form-item label="附件：" prop="annexFile">
+							<el-upload
+								ref="upload"
+								:headers="headers"
+								:file-list="fileList"
+								class="upload-demo"
+								:action="`${baseUrl}` + '/xmgl/file/upload'"
+								:on-remove="onRemove"
+								multiple
+								:limit="1"
+								:on-success="uploadSuccess"
+								style="width: 100%"
+							>
+								<el-button class="uploadBtn" type="primary">点击上传</el-button>
+							</el-upload>
+						</el-form-item>
+					</el-form>
+				</el-scrollbar>
+			</template>
+			<template #bottomContent>
+				<div class="foot-div">
+					<el-button class="hzCancelStyle" @click="childrenVisible = false">取消</el-button>
+					<el-button v-auth="'sub_item_add'" type="primary" @click="childrenConfirm(ruleFormRef, childrenFormData)">
+						保存
+					</el-button>
+				</div>
+			</template>
+		</divDialogComponent> -->
 	</div>
 </template>
 
@@ -310,6 +442,7 @@ import { jxj_User } from "@/api/types";
 import { useHandleData } from "@/hooks/useHandleData";
 import { useRoute } from "vue-router";
 import { sendIframeMessage } from "@/utils/util";
+import divDialogComponent from "@/components/divDialogComponent/index.vue";
 const route = useRoute();
 const modelActive = ref(0);
 const rules = reactive<FormRules>({
@@ -427,7 +560,10 @@ const searchSn = ref("");
 
 // 项目或者工程名字
 const searchName = ref<string>("");
-
+// 关闭两个对话框
+const closeMain = () => {
+	childrenVisible.value = false;
+};
 const reject = async () => {
 	await bigItemGovermentAudit({ id: rowId.value, approvalStatus: 2 });
 	ElMessage.success("已驳回");