From fd285d6245ddd54c2eef8237eb878f573d665f94 Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期四, 07 七月 2022 18:27:39 +0800
Subject: [PATCH] lct

---
 src/views/specialWorkSystem/workApplyManagement/workApply/index.vue |   63 ++++++++++++++++++++++---------
 1 files changed, 44 insertions(+), 19 deletions(-)

diff --git a/src/views/specialWorkSystem/workApplyManagement/workApply/index.vue b/src/views/specialWorkSystem/workApplyManagement/workApply/index.vue
index 834c558..09e11a7 100644
--- a/src/views/specialWorkSystem/workApplyManagement/workApply/index.vue
+++ b/src/views/specialWorkSystem/workApplyManagement/workApply/index.vue
@@ -1,6 +1,7 @@
 <template>
 	<div class="home-container">
 		<el-scrollbar height="100%">
+		<div class="homeCard">
 		<el-form :model="form" label-width="150px">
 			<el-row>
 				<el-col :span="8">
@@ -262,6 +263,7 @@
 				</el-col>
 			</el-row>
 		</el-form>
+		</div>
 		<el-dialog v-model="dialogAddWorker" title="添加作业人">
 			<el-form :model="addWorkerForm" label-width="120px">
 				<el-form-item label="作业人">
@@ -326,49 +328,54 @@
 			</el-form>
 		</el-dialog>
 		<el-dialog v-model="dialogAddFile" title="安全交底和风险告知">
-			<el-form :model="form.saftyFile" label-width="120px">
-				<el-form-item label="作业许可范围及作业环境:">
+			<el-form :model="saftyFileForm" label-width="0" ref="ruleFormRef" :rules="saftyFileRules">
+				<el-form-item label="" prop="surrounding">
+					<div>1.作业许可范围及作业环境:</div>
 					<el-input
-							v-model="form.saftyFile.surrounding"
+							v-model="saftyFileForm.surrounding"
 							:rows="2"
 							type="textarea"
 							placeholder="请输入"
 					/>
 				</el-form-item>
-				<el-form-item label="作业风险:">
+				<el-form-item label="" prop="risk">
+					<div>2.作业风险:</div>
 					<el-input
-							v-model="form.saftyFile.risk"
+							v-model="saftyFileForm.risk"
 							:rows="2"
 							type="textarea"
 							placeholder="请输入"
 					/>
 				</el-form-item>
-				<el-form-item label="防范措施(工艺、设备、个体防护等)">
+				<el-form-item label="" prop="protection">
+					<div>3.防范措施(工艺、设备、个体防护等):</div>
 					<el-input
-							v-model="form.saftyFile.protection"
+							v-model="saftyFileForm.protection"
 							:rows="2"
 							type="textarea"
 							placeholder="请输入"
 					/>
 				</el-form-item>
-				<el-form-item label="应急措施">
+				<el-form-item label="" prop="emergency">
+					<div>4.应急措施:</div>
 					<el-input
-							v-model="form.saftyFile.emergency"
+							v-model="saftyFileForm.emergency"
 							:rows="2"
 							type="textarea"
 							placeholder="请输入"
 					/>
 				</el-form-item>
-				<el-form-item label="其他注意事项">
+				<el-form-item label="" prop="otherStuff">
+					<div>5.其他注意事项:</div>
 					<el-input
-							v-model="form.saftyFile.otherStuff"
+							v-model="saftyFileForm.otherStuff"
 							:rows="2"
 							type="textarea"
 							placeholder="请输入"
 					/>
 				</el-form-item>
 				<el-form-item>
-					<el-button type="primary" @click="onSubmitAddFile" size="default">确认</el-button>
+					<el-button type="primary" @click="onSubmitAddFile(ruleFormRef)" size="default">确认</el-button>
 					<el-button size="default" @click="cancleAddFile">取消</el-button>
 				</el-form-item>
 			</el-form>
@@ -384,6 +391,7 @@
 	import {useUserInfo} from "/@/stores/userInfo";
 	import { Session } from '/@/utils/storage';
 	import { Search } from '@element-plus/icons-vue'
+	import type { FormInstance, FormRules } from 'element-plus'
 	let global: any = {
 		homeChartOne: null,
 		homeChartTwo: null,
@@ -436,6 +444,13 @@
 				unit: '',
 				certificate: '',
 				certificateId: ''
+			})
+			const saftyFileForm = reactive({
+				surrounding: '',
+				risk: '',
+				protection: '',
+				emergency: '',
+				otherStuff: ''
 			})
 			const shortcuts = [
 				{
@@ -498,6 +513,13 @@
 					],
 				}
 			]
+			const ruleFormRef = ref<FormInstance>()
+			const saftyFileRules = reactive<FormRules>({
+				surrounding: [{required: true,message: '该选项不能为空'}],
+				risk: [{required: true,message: '该选项不能为空'}],
+				protection: [{required: true,message: '该选项不能为空'} ],
+				emergency: [{required: true,message: '该选项不能为空'} ]
+			})
 			const protectionsChange = (value) => {
 				console.log(value)
 			}
@@ -530,12 +552,7 @@
 
 			}
 			const deleteRow = (index) =>{
-				console.log(index)
 				form.workerList.splice( index,1)
-				dialogAddWorker.value = false
-			}
-			const addSaftyFile = () =>{
-
 			}
 			// 折线图
 			const renderMenu = async (value: string) => {
@@ -552,10 +569,12 @@
 				dialogAddWorker,
 				dialogAddFile,
 				addWorkerForm,
+				saftyFileForm,
+				ruleFormRef,
+				saftyFileRules,
 				cancleAddFile,
 				deleteRow,
 				cancleAdd,
-				addSaftyFile,
 				onSubmitAddForm,
 				onSubmitAddFile,
 				protectionsChange,
@@ -569,7 +588,13 @@
 	.home-container {
 		height: 100%;
 		overflow: hidden;
-		padding: 40px;
+		padding: 20px;
+		.homeCard{
+			width: 100%;
+			padding: 20px;
+			background: #fff;
+			border-radius: 4px;
+		}
 		.el-row{
 			margin-bottom: 20px;
 		}

--
Gitblit v1.9.2