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