From cffe20b222f298a757e96e2b2e08c8baa3834bb4 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: Tue, 05 Jul 2022 18:06:45 +0800
Subject: [PATCH] 修改页面布局样式
---
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