lct

Your Name

2022-07-07 fd285d6245ddd54c2eef8237eb878f573d665f94

 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;
      }