From 839c5c0a02f16a1ed19e40a32e75ea5e6eff0773 Mon Sep 17 00:00:00 2001
From: "2309368887@qq.com" <2309368887@qq.com>
Date: Mon, 27 Jun 2022 10:40:55 +0800
Subject: [PATCH] youxiankongjian

---
 src/config/route.js     |  13 +-
 src/views/opm/fire.vue  | 104 ++---
 src/views/opm/opl.vue   |  75 ++--
 src/views/opm/space.vue | 875 ++++++++++++++++++++++++++++++++++++++++
 4 files changed, 994 insertions(+), 73 deletions(-)
 create mode 100644 src/views/opm/space.vue

diff --git a/src/config/route.js b/src/config/route.js
index 3574d6a3..eb566406 100644
--- a/src/config/route.js
+++ b/src/config/route.js
@@ -178,12 +178,23 @@ const routes = [
         "name": "fire",
         "path": "/opm/fire",
         "meta": {
-          "title": "许可证基本信息",
+          "title": "动火作业许可证",
           "icon": "el-icon-menu",
           "hidden": true
         },
         "component": "opm/fire"
       },
+      ,
+      {
+        "name": "space",
+        "path": "/opm/space",
+        "meta": {
+          "title": "有限空间作业许可证",
+          "icon": "el-icon-menu",
+          "hidden": true
+        },
+        "component": "opm/space"
+      },
     ]
   },
   {
diff --git a/src/views/opm/fire.vue b/src/views/opm/fire.vue
index 380971f8..a3b50064 100644
--- a/src/views/opm/fire.vue
+++ b/src/views/opm/fire.vue
@@ -284,9 +284,12 @@
         </el-table-column>
         <el-table-column label="工作职责" prop="duty" width="150">
         </el-table-column>
-        <el-table-column label="姓名" prop="name" width="150">
-          <template #default="scope">
-            {{ scope.row.worker_.name }}
+        <el-table-column label="证书" prop="certificates" width="150">
+          <template #default="scope" >
+            <el-tag v-for="item in scope.row.certificates_"
+                    :key="item.number"
+                    :label="item.name"
+                    :value="item.number">{{item.name}}</el-tag>
           </template>
         </el-table-column>
         <el-table-column
@@ -296,10 +299,7 @@
         ></el-table-column>
         <el-table-column label="操作" fixed="right" align="center" width="200">
           <template #default="scope">
-            <el-button type="text" size="small" @click="editWorker(scope.row)"
-              >编辑</el-button
-            >
-            <el-divider direction="vertical"></el-divider>
+           
             <el-popconfirm
               title="确定删除该作业人员吗？"
               @confirm="delWorker(scope.row)"
@@ -445,6 +445,21 @@
           prop="create_time"
           width="150"
         ></el-table-column>
+  <el-table-column label="操作" fixed="right" align="center" width="200">
+          <template #default="scope">
+           
+            <el-popconfirm
+              title="确定删除该条气体检测记录吗？"
+              @confirm="delgas(scope.row)"
+            >
+              <template #reference>
+                <el-button text type="danger" size="small">删除</el-button>
+              </template>
+            </el-popconfirm>
+          </template>
+        </el-table-column>
+
+
       </scTable>
       <sc-dialog v-model="gasdialog" draggable title="气体检测记录">
         <el-form
@@ -573,6 +588,7 @@ export default {
   components: {},
   data() {
     return {
+     
       active: 0,
       stepSuc: [0],
       stepTitle: ["基本信息", "作业人员", "气体检测记录"],
@@ -635,6 +651,8 @@ export default {
     this.getUser();
   },
   methods: {
+    
+
     getoplData() {
       if (this.oplId == "") {
         this.getOperation();
@@ -703,9 +721,9 @@ export default {
     //组件点击下一步
     handleNextStep() {
       if (this.active == 0) {
-        console.log(this.oplId);
+      //  console.log(this.oplId);
         //如果是创建许可证书
-        if (this.oplId == "" && this.issave == false) {
+        if (this.oplId == "") {
           //基本信息提交
           debugger;
           this.form.cate = this.oplcateId;
@@ -714,30 +732,35 @@ export default {
           this.$API.opm.opl.create
             .req(this.form)
             .then((res) => {
-              this.$emit("success", this.form, this.mode);
+              this.$emit("success", this.form);
               this.$message.success("创建成功");
               this.issave = true;
               this.active = 1;
+
               this.oplId = res.id;
               this.getworkerList(res.id);
+              this.getgasList(res.id);
               return res;
             })
             .catch((err) => {
               return err;
             });
         } else if (this.oplId != "") {
-          this.$API.opm.opl.update.req(this.form.id, this.form).then(() => {
+         
+          this.$API.opm.opl.update.req(this.oplId, this.form).then(() => {
             this.$message.success("基本修改成功！");
             this.issave = true;
             this.active = 1;
-            this.getworkerList(this.form.id);
+            this.getgasList(this.oplId);
+            this.getworkerList(this.oplId);
+            
           });
         } else {
           this.active = 1;
         }
       } else {
         this.active = 2;
-        this.getgasList();
+       
       }
       // this.stepSuc.push(++this.active)
     },
@@ -765,18 +788,14 @@ export default {
 
       this.formworker = Object.assign({}, defaultformworker);
     },
-    //编辑作业人人员
-    editWorker(row) {
-      this.formworker = row;
-      this.workerdialog = true;
-      this.selectWorker();
-    },
+   
     //删除作业人员
     delWorker(row) {
       this.$API.opm.worker.delete
         .req(row.id)
         .then((res) => {
           this.$message.success("作业人员删除成功");
+         
           return res;
         })
         .catch((err) => {
@@ -787,29 +806,18 @@ export default {
     submitWorker() {
       this.formworker.opl = this.oplId;
       this.$refs.workerForm.validate(async (valid) => {
-        if (this.formworker.id == "") {
+      
           this.$API.opm.worker.create
             .req(this.formworker)
             .then((res) => {
               this.$message.success("创建作业人员成功");
               this.workerdialog = false;
-              return res;
+             
             })
             .catch((err) => {
               return err;
             });
-        } else {
-          this.$API.opm.worker.update
-            .req(this.formworker.id, this.formworker)
-            .then((res) => {
-              this.$message.success("修改作业人员成功");
-              this.workerdialog = false;
-              return res;
-            })
-            .catch((err) => {
-              return err;
-            });
-        }
+      
       });
     },
     //气体检测记录列表
@@ -830,30 +838,32 @@ export default {
     submitgas() {
       this.formgas.opl = this.oplId;
       this.$refs.gasForm.validate(async (valid) => {
-        if (this.formgas.id == "") {
+       
           this.$API.opm.gas.create
             .req(this.formgas)
             .then((res) => {
               this.$message.success("创建气体检测记录成功");
               this.gasdialog = false;
-              return res;
+             
             })
             .catch((err) => {
               return err;
             });
-        } else {
-          this.$API.opm.gas.update
-            .req(this.formgas.id, this.formgas)
-            .then((res) => {
-              this.$message.success("修改气体检测记录成功");
-              this.gasdialog = false;
-              return res;
-            })
-            .catch((err) => {
-              return err;
-            });
-        }
+       
       });
+    },
+     //删除气体检测记录
+    delgas(row) {
+      this.$API.opm.gas.delete
+        .req(row.id)
+        .then((res) => {
+          this.$message.success("气体检测记录删除成功");
+         
+          return res;
+        })
+        .catch((err) => {
+          return err;
+        });
     },
     //退出界面
     submitOut(){
diff --git a/src/views/opm/opl.vue b/src/views/opm/opl.vue
index 7c5da4e5..86001c72 100644
--- a/src/views/opm/opl.vue
+++ b/src/views/opm/opl.vue
@@ -9,7 +9,7 @@
           :key="index"
           :title="item.name"
           type="primary"
-          @click="addFire(item.id)"
+          @click="addFire(item.id, item.name)"
         >
           {{ item.name }}
         </el-button>
@@ -39,7 +39,12 @@
         stripe
         @resetQuery="resetQuery"
       >
-        <el-table-column label="#" type="index" width="50" fixed="left"></el-table-column>
+        <el-table-column
+          label="#"
+          type="index"
+          width="50"
+          fixed="left"
+        ></el-table-column>
         <el-table-column
           label="作业许可编号"
           prop="number"
@@ -52,7 +57,7 @@
           width="120"
           fixed="left"
         ></el-table-column>
-		  <el-table-column
+        <el-table-column
           label="许可证种类"
           prop="cate_name"
           width="120"
@@ -94,7 +99,7 @@
                 @click="table_show(scope.row, scope.$index)"
                 >查看</el-button
               >
-			    <el-button
+              <el-button
                 text
                 type="warning"
                 size="small"
@@ -141,30 +146,50 @@ export default {
     },
 
     //点击作业类型，创建作业许可证添加
-    addFire(id) {
-      this.$router.push({
-        name: "fire",
-        query: {
-          operationid: this.$route.query.id,//作业ID
-          oplcateId:id,//许可证类型ID
-		  oplId:"",//许可证ID
-        },
-      });
+    addFire(id, name) {
+      switch (name) {
+        case "动火":
+          this.$router.push({
+            name: "fire",
+            query: {
+              operationid: this.$route.query.id, //作业ID
+              oplcateId: id, //许可证类型ID
+              oplId: "", //许可证ID
+            },
+          });
+          break;
+        case "有限空间":
+          this.$router.push({
+            name: "space",
+            query: {
+              operationid: this.$route.query.id, //作业ID
+              oplcateId: id, //许可证类型ID
+              oplId: "", //许可证ID
+            },
+          });
+          break;
+      }
     },
     //编辑
     table_edit(row) {
-     
-      if(row.cate_name=="动火")
-	  {
-		 this.$router.push({
-        name: "fire",
-        query: {
-		  oplId:row.id,//许可证ID
-        },
-      });
-	  }
-
-
+      switch (row.cate_name) {
+        case "动火":
+          this.$router.push({
+            name: "fire",
+            query: {
+              oplId: row.id, //许可证ID
+            },
+          });
+          break;
+        case "有限空间":
+          this.$router.push({
+            name: "space",
+            query: {
+              oplId: row.id, //许可证ID
+            },
+          });
+          break;
+      }
     },
     //查看
     table_show(row) {
diff --git a/src/views/opm/space.vue b/src/views/opm/space.vue
new file mode 100644
index 00000000..923ba35a
--- /dev/null
+++ b/src/views/opm/space.vue
@@ -0,0 +1,875 @@
+<template>
+  <el-container>
+    <el-header>
+      <el-steps
+        :active="active"
+        style="width: 100%"
+        :align-center="true"
+        finish-status="success"
+      >
+        <el-step
+          v-for="(item, index) of stepTitle"
+          :key="index"
+          :title="item"
+          style="50%"
+          @click="handleStep(index)"
+        >
+        </el-step>
+      </el-steps>
+    </el-header>
+    <!--基本信息!-->
+    <el-main class="nopadding" v-show="active === 0">
+      <el-form
+        v-show="active === 0"
+        ref="dialogForm"
+        :model="form"
+        :rules="rules"
+        label-width="110px"
+        style="margin: 40px 40px 40px 40px"
+      >
+        <el-row>
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="关联作业">
+              <el-input
+                v-model="operationId"
+                type="text"
+                :disabled="true"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="作业许可种类">
+              <el-input
+                v-model="pagtitle"
+                type="text"
+                :disabled="true"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="作业开始时间">
+              <el-date-picker
+                v-model="form.start_time"
+                type="datetime"
+                placeholder="选择开始时间"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="作业结束时间">
+              <el-date-picker
+                v-model="form.end_time"
+                type="datetime"
+                placeholder="选择开始时间"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="作业级别">
+              <el-select v-model="form.level" placeholder="选择作业级别">
+                <el-option
+                  v-for="item in leveloptions"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.name"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="作业部门">
+              <el-cascader
+                placeholder="选择作业部门"
+                getCheckedNodes="true"
+                v-model="form.dept_do"
+                :options="deptoptions"
+                :props="{
+                  expandTrigger: 'hover', // 次级菜单的展开方式
+                  label: 'label', //
+                  value: 'value', //
+                  emitPath: false, // 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值
+                }"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="作业负责人">
+              <el-select v-model="form.charger" placeholder="选择作业负责人">
+                <el-option
+                  v-for="item in useroptions"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="作业监护人">
+              <el-select v-model="form.monitor" placeholder="选择作业监护人">
+                <el-option
+                  v-for="item in useroptions"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <!--
+			临时用电
+
+		       <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="安装/拆除">
+              <el-input v-model="work_type" type="text" clearable></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="安装/拆除时间">
+              <el-input v-model="work_time" type="text" clearable></el-input>
+            </el-form-item>
+          </el-col>
+		
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="验收时间">
+              <el-input v-model="accept_time" type="text" clearable></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="用电地点">
+              <el-input v-model="power_to" type="text" clearable></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="电源接入点">
+              <el-input v-model="power_from" type="text" clearable></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="用电开始">
+              <el-input
+                v-model="power_start_time"
+                type="text"
+                clearable
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="用电截至">
+              <el-input
+                v-model="power_end_time"
+                type="text"
+                clearable
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="计划用电天数">
+              <el-input v-model="power_days" type="text" clearable></el-input>
+            </el-form-item>
+          </el-col>  !-->
+
+          <el-col :md="24" :sm="12" :xs="24">
+            <el-form-item label="风险选择">
+              <el-checkbox-group v-model="form.risks_checked">
+                <el-checkbox
+                  v-for="(item, index) in risklist"
+                  :key="index"
+                  :label="item.id"
+                  >{{ item.name }}</el-checkbox
+                >
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+          <el-col :md="24" :sm="12" :xs="24">
+            <el-form-item label="其他风险">
+              <el-input
+                v-model="form.other_risk"
+                type="text"
+                clearable
+              ></el-input>
+            </el-form-item>
+          </el-col>
+
+          <!--
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="逃生路径">
+              <el-input v-model="escape_route" type="text" clearable></el-input>
+            </el-form-item>
+          </el-col>  !-->
+
+          <el-col :md="24" :sm="12" :xs="24">
+            <el-form-item label="措施选择">
+              <el-checkbox-group v-model="form.measures_checked">
+                <el-checkbox
+                  v-for="(item, index) in measurelist"
+                  :key="index"
+                  :label="item.id"
+                  >{{ item.name }}</el-checkbox
+                >
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :md="24" :sm="12" :xs="24">
+            <el-card class="box-card">
+              <div class="clearfix">
+                <span>应急处置：</span>
+              </div>
+              <div class="content">
+                <p>1、发生火灾时立即使用消防器材边灭火边报告</p>
+                <p>2、预判火势无法控制时，应立即疏散人群并拨打110或119求救。</p>
+                <p>
+                  3、发生人员烫伤时用清水对烫伤部位进行冲洗或浸泡，用干净的纱布或衣物盖住被烫伤部位，伤势严重时立即拨打120送医。若贴身衣服与伤口粘在一起时，可用剪刀剪开，然后缓慢剥离衣物。
+                </p>
+              </div>
+            </el-card>
+            <el-form-item label="其他应急处置">
+              <el-input
+                v-model="form.other_emr"
+                type="text"
+                clearable
+              ></el-input>
+            </el-form-item>
+          </el-col>
+
+          <!--
+          <el-col :md="12" :sm="12" :xs="24">
+            <el-form-item label="作业审批照片">
+              <el-input v-model="create_imgs" type="text" clearable></el-input>
+            </el-form-item>
+          </el-col>
+		  !-->
+        </el-row>
+        <el-row>
+          <el-col :md="24" :sm="12" :xs="24">
+            <el-form-item>
+              <el-button style="margin-top: 12px" @click="handleNextStep"
+                >下一步</el-button
+              >
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-main>
+
+    <!--作业人员!-->
+    <el-main class="nopadding" v-show="active === 1">
+      <div class="left-panel" style="margin: 10px">
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          @click="addworker"
+        ></el-button>
+      </div>
+      <scTable
+        ref="workerTable"
+        :data="apiworkerObj"
+        row-key="id"
+        hidePagination
+        stripe
+      >
+        <el-table-column
+          label="#"
+          fixed="left"
+          type="index"
+          width="50"
+        ></el-table-column>
+        <el-table-column label="姓名" prop="name" width="150">
+          <template #default="scope">
+            {{ scope.row.worker_.name }}
+          </template>
+        </el-table-column>
+        <el-table-column label="工作职责" prop="duty" width="150">
+        </el-table-column>
+       <el-table-column label="证书" prop="certificates" width="150">
+         <template #default="scope" >
+            <el-tag v-for="item in scope.row.certificates_"
+                    :key="item.number"
+                    :label="item.name"
+                    :value="item.number">{{item.name}}</el-tag>
+          </template>
+        
+         
+        </el-table-column>
+        <el-table-column
+          label="创建时间"
+          prop="create_time"
+          width="150"
+        ></el-table-column>
+        <el-table-column label="操作" fixed="right" align="center" width="200">
+          <template #default="scope">
+           
+            <el-popconfirm
+              title="确定删除该作业人员吗？"
+              @confirm="delWorker(scope.row)"
+            >
+              <template #reference>
+                <el-button text type="danger" size="small">删除</el-button>
+              </template>
+            </el-popconfirm>
+          </template>
+        </el-table-column>
+      </scTable>
+      <sc-dialog v-model="workerdialog" draggable title="选择作业人员">
+        <el-form
+          ref="workerForm"
+          :model="formworker"
+          :rules="rules"
+          :disabled="mode == 'show'"
+          label-width="80px"
+          width="70%"
+          style="margin: 40px 40px 40px 40px"
+        >
+          <el-row>
+            <el-col :md="24" :sm="12" :xs="24">
+              <el-form-item label="作业人员">
+                <el-select
+                  v-model="formworker.worker"
+                  @change="selectWorker"
+                  placeholder="选择作业人员"
+                >
+                  <el-option
+                    v-for="item in useroptions"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :md="24" :sm="12" :xs="24">
+              <el-form-item label="工作职责">
+                <el-select
+                  v-model="formworker.duty"
+                  filterable
+                  allow-create
+                  default-first-option
+                  :reserve-keyword="false"
+                >
+                  <el-option
+                    v-for="item in dutyOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.label"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :md="24" :sm="12" :xs="24">
+              <el-form-item label="证书">
+                <el-select
+                  v-model="formworker.certificates"
+                  multiple
+                  placeholder="选择证书"
+                >
+                  <el-option
+                    v-for="item in certificatesOptions"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <template #footer>
+          <el-button @click="dialogcart = false">取 消</el-button>
+          <el-button type="primary" @click="submitWorker">确 定</el-button>
+        </template>
+      </sc-dialog>
+       <el-button style="margin-top: 12px" @click="handleLastStep"
+        >上一步</el-button
+      >
+      <el-button style="margin-top: 12px" @click="handleNextStep"
+        >下一步</el-button
+      >
+     
+    </el-main>
+    <!--气体浓度检测记录!-->
+    <el-main class="nopadding" v-show="active === 2">
+      <div class="left-panel" style="margin: 10px">
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          @click="addgas"
+        ></el-button>
+      </div>
+      <scTable
+        ref="gasTable"
+        :data="apigasObj"
+        row-key="id"
+        hidePagination
+        stripe
+      >
+      <el-table-column
+          label="#"
+          fixed="left"
+          type="index"
+          width="50"
+        ></el-table-column>
+        <el-table-column
+          label="检测时间"
+          prop="check_time"
+          width="150"
+        ></el-table-column>
+        <el-table-column
+          label="检测部位"
+          prop="check_place"
+          width="150"
+        ></el-table-column>
+        <el-table-column label="O2(%)" prop="o2" width="150"></el-table-column>
+        <el-table-column label="CO" prop="co" width="150"></el-table-column>
+        <el-table-column
+          label="可燃气体(V%LEL)"
+          prop="lel"
+          width="150"
+        ></el-table-column>
+        <el-table-column
+          label="检验结论"
+          prop="is_ok"
+          width="150"
+        > <template #default="scope">
+            {{ is_ok_[scope.row.is_ok] }}
+          </template></el-table-column>
+        <el-table-column
+          label="检测人"
+          prop="checker"
+          width="150"
+        >  <template #default="scope">
+            {{ scope.row.checker_.name }}
+          </template></el-table-column>
+        <el-table-column
+          label="创建时间"
+          prop="create_time"
+          width="150"
+        ></el-table-column>
+         <el-table-column label="操作" fixed="right" align="center" width="200">
+          <template #default="scope">
+           
+            <el-popconfirm
+              title="确定删除该气体浓度检测记录吗？"
+              @confirm="delgas(scope.row)"
+            >
+              <template #reference>
+                <el-button text type="danger" size="small">删除</el-button>
+              </template>
+            </el-popconfirm>
+          </template>
+        </el-table-column>
+
+      </scTable>
+      <sc-dialog v-model="gasdialog" draggable title="气体检测记录">
+        <el-form
+          ref="gasForm"
+          :model="formgas"
+          :rules="rules"
+          :disabled="mode == 'show'"
+          label-width="80px"
+          width="70%"
+          style="margin: 40px 40px 40px 40px"
+        >
+          <el-row>
+            <el-col :md="24" :sm="12" :xs="24">
+              <el-form-item label="检测时间">
+                <el-date-picker
+                  v-model="formgas.check_time"
+                  type="datetime"
+                  placeholder="选择检测时间"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :md="24" :sm="12" :xs="24">
+              <el-form-item label="检测部位">
+                <el-input
+                  v-model="formgas.check_place"
+                  type="text"
+                  clearable
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :md="24" :sm="12" :xs="24">
+              <el-form-item label="O2(%)">
+                <el-input v-model.number="formgas.o2" type="text" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :md="24" :sm="12" :xs="24">
+              <el-form-item label="CO">
+                <el-input
+                  v-model.number="formgas.co"
+                  type="text"
+                  clearable
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :md="24" :sm="12" :xs="24">
+              <el-form-item label="H2S(10ppm)">
+                <el-input
+                   v-model.number="formgas.h2s"
+                  type="text"
+                  clearable
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :md="24" :sm="12" :xs="24">
+              <el-form-item label="检验结论">
+               
+                <el-radio-group v-model="formgas.is_ok">
+                  <el-radio l :label="true"  >正常</el-radio>
+                  <el-radio :label="false" >不正常</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :md="24" :sm="12" :xs="24">
+              <el-form-item label="检测人">
+                  <el-select
+                  v-model="formgas.checker"
+                  placeholder="选择作业人员"
+                >
+                  <el-option
+                    v-for="item in useroptions"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <template #footer>
+          <el-button @click="dialoggase = false">取 消</el-button>
+          <el-button type="primary" @click="submitgas">确 定</el-button>
+        </template>
+      </sc-dialog>
+      <el-button style="margin-top: 12px" @click="handleLastStep"
+        >上一步</el-button
+      >
+      <el-button style="margin-top: 12px" @click="submitOut">退出</el-button>
+    </el-main>
+  </el-container>
+</template>
+<style scoped>
+.clearfix {
+  font-size: 20px;
+}
+
+.box-card p {
+  line-height: 20px;
+}
+.content {
+  margin-top: 10px;
+}
+.stepSuc:hover {
+  cursor: pointer;
+}
+.stepErr:hover {
+  cursor: not-allowed;
+}
+</style>
+    <script>
+import { genTree } from "@/utils/verificate";
+const defaultformworker = {
+  id: "",
+  worker: null,
+  duty: null,
+  certificates: [],
+  opl: "",
+};
+const defaultformgas = {
+  id: "",
+  check_time: null,
+  opl:""
+};
+export default {
+  name: "fire",
+  components: {},
+  data() {
+    return {
+      active: 0,
+      stepSuc: [0],
+      stepTitle: ["基本信息", "作业人员", "气体浓度检测记录"],
+      query: {},
+      selection: [],
+      issave: false, //控制基本信息提交
+      search: {
+        keyword: null,
+      },
+      form: {
+        id: "",
+        start_time: null,
+        end_time: null,
+        operation: "",
+        cate: "",
+        risks_checked: [],
+      },
+
+      operationId: "",
+      oplcateId: "",
+      oplId: "",
+      leveloptions: [
+        { id: 10, name: "特级" },
+        { id: 20, name: "一级" },
+        { id: 30, name: "二级" },
+      ],
+      deptoptions: [],
+      useroptions: [],
+      risklist: [],
+      measurelist: [],
+      pagtitle: "",
+
+      dutyOptions: [
+        { value: 10, label: "作业人员" },
+        { value: 20, label: "起重司机" },
+        { value: 30, label: "司索人员" },
+        { value: 40, label: "起重指挥" },
+        { value: 40, label: "电工" },
+      ],
+      certificatesOptions: [],
+      formworker: defaultformworker,
+      apiworkerObj: [],
+      workerdialog: false,
+      gasdialog: false,
+      formgas: defaultformgas,
+      apigasObj: [],
+      is_ok_: {
+        true: "正常",
+        false: "不正常",
+      },
+    };
+  },
+  mounted() {
+    this.operationId = this.$route.query.operationid; //作业ID
+    this.oplcateId = this.$route.query.oplcateId; //作业许可证种类ID
+    this.oplId = this.$route.query.oplId; //许可证ID
+    this.getoplData();
+
+    this.getDept();
+    this.getUser();
+  },
+  methods: {
+    getoplData() {
+      if (this.oplId == "") {
+        this.getOperation();
+        this.getOplcates();
+      } else {
+        this.getData();
+      }
+    },
+    //根据oplId，查许可证
+    getData() {
+      this.$API.opm.opl.read.req(this.oplId).then((res) => {
+        this.form = res;
+
+        this.oplcateId = res.cate;
+        this.operationId = res.operation;
+        this.getOperation();
+        this.getOplcates();
+      });
+    },
+    //根据operationId，查作业信息
+
+    getOperation() {
+      this.$API.opm.operation.read.req(this.operationId).then((res) => {
+        this.form.start_time = res.start_time; //作业开始时间
+        this.form.end_time = res.end_time; //作业结束时间
+
+        console.log(res);
+      });
+    },
+    //作业部门
+    getDept() {
+      this.$API.system.dept.list.req({ page: 0 }).then((res) => {
+        this.deptoptions = genTree(res);
+      });
+    },
+
+    //作业负责人、作业监护人
+    getUser() {
+      this.$API.system.user.list.req({ page: 0 }).then((res) => {
+        this.useroptions = res;
+      });
+    },
+    //作业
+
+    //根据作业许可证ID获取，风险、措施
+    getOplcates() {
+      this.$API.opm.oplcate.read.req(this.oplcateId).then((res) => {
+        console.log(res); //
+        this.pagtitle = res.name;
+        this.risklist = res.risk_options_; //风险缝隙
+        this.measurelist = res.measure_options_; //控制措施
+      });
+    },
+    handleStep(val) {
+      //点击步骤条
+      if (this.stepSuc.includes(val) === true) {
+        this.active = val;
+      }
+    },
+    //组件点击上一步
+    handleLastStep() {
+      if (--this.active === 0) {
+        this.active = 0;
+      }
+    },
+    //组件点击下一步
+    handleNextStep() {
+      if (this.active == 0) {
+        console.log(this.oplId);
+        //如果是创建许可证书
+        if (this.oplId == "" && this.issave == false) {
+          //基本信息提交
+          debugger;
+          this.form.cate = this.oplcateId;
+          this.form.operation = this.operationId;
+          console.log(this.form);
+          this.$API.opm.opl.create
+            .req(this.form)
+            .then((res) => {
+              this.$emit("success", this.form, this.mode);
+              this.$message.success("创建成功");
+              this.issave = true;
+              this.active = 1;
+              this.oplId = res.id;
+              this.getworkerList(res.id);
+              this.getgasList(res.id);
+              return res;
+            })
+            .catch((err) => {
+              return err;
+            });
+        } else if (this.oplId != "") {
+          this.$API.opm.opl.update.req(this.form.id, this.form).then(() => {
+            this.$message.success("基本修改成功！");
+            this.issave = true;
+            this.active = 1;
+            this.getworkerList(this.form.id);
+           this.getgasList(this.form.id);
+          });
+        } else {
+          this.active = 1;
+        }
+      } else {
+        this.active = 2;
+       
+      }
+      // this.stepSuc.push(++this.active)
+    },
+
+   //选择人员后，调出该人员的所有证书
+    selectWorker() {
+      this.$API.hrm.certificate.list
+        .req({ employee__user: this.formworker.worker, page: 0 })
+        .then((res) => {
+          this.certificatesOptions = res;
+          console.log(res);
+        });
+    },
+    //作业人员列表
+
+    getworkerList(id) {
+      this.$API.opm.worker.list.req({ opl: id, page: 0 }).then((res) => {
+        this.apiworkerObj = res;
+        console.log(res);
+      });
+    },
+    //创建作业人员，显示Form
+    addworker() {
+      this.workerdialog = true;
+
+      this.formworker = Object.assign({}, defaultformworker);
+    },
+   
+    //删除作业人员
+    delWorker(row) {
+      this.$API.opm.worker.delete
+        .req(row.id)
+        .then((res) => {
+          this.$message.success("作业人员删除成功");
+         
+          return res;
+        })
+        .catch((err) => {
+          return err;
+        });
+    },
+    //提交作业人员信息
+    submitWorker() {
+      this.formworker.opl = this.oplId;
+      this.$refs.workerForm.validate(async (valid) => {
+      
+          this.$API.opm.worker.create
+            .req(this.formworker)
+            .then((res) => {
+              this.$message.success("创建作业人员成功");
+              this.workerdialog = false;
+             
+            })
+            .catch((err) => {
+              return err;
+            });
+      
+      });
+    },
+    //气体检测记录列表
+
+    getgasList(id) {
+      this.$API.opm.gas.list.req({ opl: id, page: 0 }).then((res) => {
+        this.apigasObj = res;
+        console.log(res);
+      });
+    },
+    //创建气体检测记录，显示Form
+    addgas() {
+      this.gasdialog = true;
+      this.formgas = Object.assign({}, defaultformgas);
+    },
+
+    //提交气体检测记录
+    submitgas() {
+      this.formgas.opl = this.oplId;
+      this.$refs.gasForm.validate(async (valid) => {
+       
+          this.$API.opm.gas.create
+            .req(this.formgas)
+            .then((res) => {
+              this.$message.success("创建气体浓度检测记录成功");
+              this.gasdialog = false;
+             
+            })
+            .catch((err) => {
+              return err;
+            });
+       
+      });
+    },
+     //删除气体检测记录
+    delgas(row) {
+      this.$API.opm.gas.delete
+        .req(row.id)
+        .then((res) => {
+          this.$message.success("气体浓度检测记录删除成功");
+         
+          return res;
+        })
+        .catch((err) => {
+          return err;
+        });
+    },
+    //退出界面
+    submitOut(){
+      this.$router.push({
+        name: "opl",
+        query: {
+          operationid: this.$route.query.id,//作业ID
+         
+        },
+      });
+    }
+  },
+};
+</script>
\ No newline at end of file