浏览代码

优化930line 通风措施

test2 2 年之前
父节点
当前提交
cbbbcac516
共有 2 个文件被更改,包括 1024 次插入89 次删除
  1. 86 63
      ui/src/views/invoicing/firework/index.vue
  2. 938 26
      ui/src/views/invoicing/restrictedspace/index.vue

+ 86 - 63
ui/src/views/invoicing/firework/index.vue

@@ -39,7 +39,6 @@
           <el-row :gutter="20">
             <!-- 左侧栏 -->
             <el-col :span="12">
-
               <el-collapse v-model="activeNames">
                 <el-collapse-item title="A 基本信息" name="1">
                   <el-form-item prop="ruleA1">
@@ -47,19 +46,19 @@
                       <table style="width: 100%;">
                         <tr>
                           <td>1. 装置/部门:
-                            <el-input v-model="form.aEquipmentName" style="width: 180px;"></el-input></td>
-                          <td style="text-align: right">装置/部门主管:</td>
+                            <el-input v-model="form.aEquipmentName" style="width: calc(100% - 95px);"></el-input></td>
+                          <td style="text-align: right;white-space: nowrap;">装置/部门主管:</td>
                           <td><el-input v-model="form.aEquipmentLeader"/></td>
                           <td style="white-space: nowrap;">
                             <i class="el-icon-phone"></i>:
                             <el-input v-model="form.aEquipmentTel" style="width: 110px"/></td>
-                          <td>办公室:</td>
+                          <td style="white-space: nowrap;">办公室:</td>
                           <td width="90"><el-input v-model="form.aEquipmentOffice"/></td>
                         </tr>
                         <tr>
                           <td>2. 施工单位:
                             <el-select v-model="form.aConstructionName" filterable placeholder="请选择施工单位"
-                                       @change="aConstructionChange(form.aConstructionName)" style="width: 183px;">
+                                       @change="aConstructionChange(form.aConstructionName)" style="width: calc(100% - 93px)">
                               <el-option v-for="item in aConstructions" :key="item.deptId" :label="item.deptName"
                                          :value="item.deptId">
                               </el-option>
@@ -78,7 +77,7 @@
                         <tr>
                           <td>3.
                           用户(涉及外部承包商时):
-                            <el-input v-model="form.aContractorName" style="width: 90px"/>
+                            <el-input v-model="form.aContractorName" style="width: calc(100% - 188px)"/>
                           </td>
                           <td style="text-align: right">用户主管:</td>
                           <td><el-input v-model="form.aContractorLeader"/></td>
@@ -327,7 +326,7 @@
                     <tr>
                       <td class="short-checkbox">
                         <el-checkbox v-model="form.cIsOtherFire" true-label="1" :false-label="0"/>
-                      其危害:
+                      其危害:
                         <el-input v-model="form.cOtherFireContent" style="width: calc(100% - 104px)"/>
                       </td>
                       <td class="short-checkbox">
@@ -1220,16 +1219,16 @@
                 </el-collapse-item>
 
                 <el-collapse-item title="E 施工时的安全措施" name="5">
-                  <el-row :gutter="20">
+                  <el-row :gutter="10">
                     <el-col :span="12">
                       <table style="width: 100%">
                         <tr><td></td><th style="width: 30px;text-align: center">是</th><th style="width: 30px;text-align: center">否</th></tr>
                         <tr>
                           <td><b>1. 可能有残留物料</b></td>
-                          <td style="width: 30px; text-align: center;">
+                          <td style="text-align: center;">
                             <el-checkbox v-model="form.eIsPresent" true-label="1" false-label="0"/>
                           </td>
-                          <td style="width: 30px; text-align: center;">
+                          <td style="text-align: center;">
                             <el-checkbox v-model="form.eIsPresent" true-label="0" false-label="1"/>
                           </td>
                         </tr>
@@ -1239,10 +1238,10 @@
                         <tr>
                           <td>仅限定时间内佩戴的 PPE,项目:<el-input style="width: calc(100% - 200px)" v-model="form.ePpeContent"
                                                                     :disabled="form.eIsRequiredPpe==1?false:true" /></td>
-                          <td style="width: 30px; text-align: center;">
+                          <td style="text-align: center;">
                             <el-checkbox v-model="form.eIsRequiredPpe" true-label="1" false-label="0"/>
                           </td>
-                          <td style="width: 30px; text-align: center;">
+                          <td style="text-align: center;">
                             <el-checkbox v-model="form.eIsRequiredPpe" true-label="0" false-label="1"
                                          @change="eIsRequiredPpeChange"/>
                           </td>
@@ -1260,10 +1259,10 @@
                                        :value="dict.id">
                             </el-option>
                           </el-select></td>
-                          <td style="width: 30px; text-align: center;">
+                          <td style="text-align: center;">
                             <el-checkbox v-model="eIsProtectGloves" true-label="1" false-label="0"/>
                           </td>
-                          <td style="width: 30px; text-align: center;">
+                          <td style="text-align: center;">
                             <el-checkbox v-model="eIsProtectGloves" true-label="0" false-label="1"
                                          @change="eIsProtectGlovesChange"/>
                           </td>
@@ -1281,44 +1280,60 @@
                                        :value="dict.id">
                             </el-option>
                           </el-select></td>
-                          <td style="width: 30px; text-align: center;">
+                          <td style="text-align: center;">
                             <el-checkbox v-model="eIsProtectSuit" true-label="1" false-label="0"/>
                           </td>
-                          <td style="width: 30px; text-align: center;">
+                          <td style="text-align: center;">
                             <el-checkbox v-model="eIsProtectSuit" true-label="0" false-label="1"
                                          @change="eIsProtectSuitChange"/>
                           </td>
                         </tr>
                         <tr>
-                          <td>2.5 呼吸保护用品,类型:<el-select :disabled="eIsResProtect==1?false:true" style="width: calc(100% - 154px);"
+                          <td>2.5 呼吸保护用品,类型:<el-select :disabled="eIsResProtect==1?false:true" style="width: calc(100% - 153px);"
                                                                v-model="eResProtectContent" placeholder="请选择防护面罩">
                             <el-option v-for="dict in resProtects" :key="dict.id"
                                        :label="dict.conservatoryMeasureName"
                                        :value="dict.id">
                             </el-option>
                           </el-select></td>
-                          <td style="width: 30px; text-align: center;">
+                          <td style="text-align: center;">
                             <el-checkbox v-model="eIsResProtect" true-label="1" false-label="0"/>
                           </td>
-                          <td style="width: 30px; text-align: center;">
+                          <td style="text-align: center;">
                             <el-checkbox v-model="eIsResProtect" true-label="0" false-label="1"
                                          @change="eIsResProtectChange"/>
                           </td>
                         </tr>
                         <tr>
-                          <td>2.6 听力保护,类型:<el-input /></td>
+                            <td>2.6 听力保护,类型:<el-input style="width: calc(100% - 127px)" /></td>
                           <td style="text-align: center"><el-checkbox /></td>
                           <td style="text-align: center"><el-checkbox /></td>
                         </tr>
                         <tr>
-                          <td>2.7 防坠落保护措施,类型: <el-input /></td>
-                          <td style="text-align: center"><el-checkbox /></td>
-                          <td style="text-align: center"><el-checkbox /></td>
+                          <td>2.7 防坠落保护措施,类型: <el-select style="width: calc(100% - 170px)" clearable v-model="form.eFallArrestContent" filterable
+                                                                  :disabled="eIsFallArrest==1?false:true">
+                            <el-option v-for="item in eFallArrestContents" :key="item.id" :label="item.name"
+                                       :value="item.id">
+                            </el-option>
+                          </el-select></td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsFallArrest" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsFallArrest" true-label="0" false-label="1"
+                                         @change="eIsFallArrestChange"/>
+                          </td>
                         </tr>
                         <tr>
-                          <td>2.8 <el-input /></td>
-                          <td style="text-align: center"><el-checkbox /></td>
-                          <td style="text-align: center"><el-checkbox /></td>
+                          <td>2.8 <el-input style="width: calc(100% - 23px)" v-model="form.eOtherProtectContent"
+                                            :disabled="form.eIsOtherProtect==1?false:true"/></td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsOtherProtect" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsOtherProtect" true-label="0" false-label="1"
+                                         @change="eIsOtherProtectChange"/>
+                          </td>
                         </tr>
                         <tr>
                           <td colspan="3"><b>3. 火灾和爆炸的防护措施</b></td>
@@ -1332,6 +1347,11 @@
                     </el-col>
                     <el-col :span="12">
                       <table style="width: 100%">
+                        <tr>
+                          <th></th>
+                          <th width="30">是</th>
+                          <th width="30">否</th>
+                        </tr>
                         <tr>
                           <td>3.2 保持施工场地潮湿 </td>
                           <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="1" :false-label="0"/></td>
@@ -1358,7 +1378,7 @@
                         <tr>
                           <td>4.1 动火监护人单位/签名:<el-input style="width: 70px;" v-model="form.eSafeAttendant"/>
                             /
-                            <el-input style="width: 70px;" v-model="form.eSafeAttendantSign"/></td>
+                            <el-input style="width: 70px;" v-model="form.eSafeAttendantSign" prefix-icon="el-icon-edit"/></td>
                           <td style="text-align: center"><el-checkbox v-model="form.eIsContinueMonitoring" :true-label="1" :false-label="0" checked /></td>
                           <td style="text-align: center"></td>
                         </tr>
@@ -1371,7 +1391,8 @@
                           <td colspan="3"><b>5. 通风措施</b></td>
                         </tr>
                         <tr>
-                          <td>5.1 通风方法:<el-checkbox />机械通风 <el-input v-model="form.eMecVenContent" /> <el-checkbox />自然通风 <el-input v-model="form.eNaturalVenContent" /></td>
+                          <td class="short-checkbox">5.1 通风方法:
+                            <el-checkbox />机械通风<el-input v-model="form.eMecVenContent" style="width: calc(50% - 117px)" /> <el-checkbox />自然通风<el-input v-model="form.eNaturalVenContent" style="width: calc(50% - 117px)" /></td>
                           <td style="text-align: center"><el-checkbox /></td>
                           <td style="text-align: center"><el-checkbox /></td>
                         </tr>
@@ -1381,12 +1402,17 @@
                           <td style="text-align: center"><el-checkbox v-model="form.eIsExxtractDust" :true-label="0" :false-label="1"/></td>
                         </tr>
                         <tr>
-                          <td>5.3 空气分析内容:<el-input style="width: calc(100% - 120px)" v-model="form.eAnalyzeAirContent"/></td>
+                          <td>5.3 空气分析内容:<el-input style="width: calc(100% - 114px)" v-model="form.eAnalyzeAirContent"/></td>
                           <td style="text-align: center"><el-checkbox v-model="form.eIsAnalyzeAir" :true-label="1" :false-label="0"/></td>
                           <td style="text-align: center"><el-checkbox v-model="form.eIsAnalyzeAir" :true-label="0" :false-label="1"/></td>
                         </tr>
                         <tr>
-                          <td>分析频次:<el-input style="width: calc(100% - 100px)" v-model="form.eAnalyzeAirContent"/></td>
+                          <td>分析频次:<el-select style="width: calc(100% - 67px)" clearable v-model="form.eAnalyzeAirInterval" filterable
+                                                  :disabled="form.eIsAnalyzeAir==1?false:true">
+                            <el-option v-for="item in eAnalyzeAirIntervals" :key="item.id" :label="item.name"
+                                       :value="item.id">
+                            </el-option>
+                          </el-select></td>
                           <td style="text-align: center"></td>
                           <td style="text-align: center"></td>
                         </tr>
@@ -1450,13 +1476,13 @@
                       <th></th>
                       <th align="right">由专门部门人员评估的项目:</th>
                       <th style="width: 35px; text-align: center;">是</th>
-                      <th style="width: 35px; text-align: center;">否</th>
+                      <th style="width: 40px; text-align: center;">否</th>
                     </tr>
                     <tr>
-                      <td>第一签名(装置/部门授权人员)
-                        <el-input style="width: 90px;" v-model="form.gFirstSign"/>
+                      <td>第一签名<small>(装置/部门授权人员)</small>
+                        <el-input style="width: 90px;" v-model="form.gFirstSign" prefix-icon="el-icon-edit"/>
                         <el-date-picker
-                          style="width: calc(100% - 299px)"
+                          style="width: calc(100% - 270px)"
                           v-model="form.gFirstDate"
                           type="datetime"
                           placeholder="选择日期时间">
@@ -1473,19 +1499,19 @@
                       </td>
                     </tr>
                     <tr>
-                      <td>第二签名(装置/部门授权人员)
-                        <el-input style="width: 90px;" v-model="form.gSecondSign"/>
+                      <td>第二签名<small>(装置/部门授权人员)</small>
+                        <el-input style="width: 90px;" v-model="form.gSecondSign" prefix-icon="el-icon-edit"/>
                         <el-date-picker
-                          style="width: calc(100% - 299px)"
+                          style="width: calc(100% - 270px)"
                           v-model="form.gSecondDate"
                           type="datetime"
                           placeholder="选择日期时间">
                         </el-date-picker>
                       </td>
-                      <td colspan="3">第三签名(相应部门人员及部门名称)
-                        <el-input style="width: 85px;" v-model="form.gThirdSign"/>
+                      <td colspan="3">第三签名<small>(相应部门人员及部门名称)</small>
+                        <el-input style="width: 85px;" v-model="form.gThirdSign" prefix-icon="el-icon-edit"/>
                         <el-date-picker
-                          style="width: calc(100% - 325px)"
+                          style="width: calc(100% - 300px)"
                           v-model="form.gThirdDate"
                           type="datetime"
                           placeholder="选择日期时间">
@@ -1498,7 +1524,7 @@
                   <table>
                     <tr>
                       <td>签名:
-                        <el-input style="width: 150px;" v-model="form.hSafeMesSign"/>
+                        <el-input style="width: 150px;" v-model="form.hSafeMesSign" prefix-icon="el-icon-edit"/>
                         <el-date-picker
                           style="width: calc(100% - 200px)"
                           v-model="form.hSafeMesDate"
@@ -1507,7 +1533,7 @@
                         </el-date-picker>
                       </td>
                       <td>A4栏安全联络员签名:
-                        <el-input style="width: 130px;" />
+                        <el-input style="width: 130px;" prefix-icon="el-icon-edit" />
                         <el-date-picker
                           style="width: calc(100% - 272px)"
                           type="datetime"
@@ -1526,7 +1552,7 @@
                     <tr>
                       <td>
                         1a 签名(授权维修主管)
-                        <el-input style="width: 90px;" v-model="form.iOneASign"/>
+                        <el-input style="width: 90px;" v-model="form.iOneASign" prefix-icon="el-icon-edit"/>
                         <el-date-picker
                           style="width: calc(100% - 245px)"
                           v-model="form.iOneADate"
@@ -1536,7 +1562,7 @@
                       </td>
                       <td>
                         1b 签名(授权维修工人)
-                        <el-input style="width: 90px;" v-model="form.iOneBSign"/>
+                        <el-input style="width: 90px;" v-model="form.iOneBSign" prefix-icon="el-icon-edit"/>
                         <el-date-picker
                           style="width: calc(100% - 245px)"
                           v-model="form.iOneBDate"
@@ -1561,36 +1587,30 @@
                   <table>
                     <tr>
                       <td>
-                        <el-input style="width: 85px;" v-model="form.jOneBSign" readonly @focus="signCard('jOneBSign')">
+                        <el-input style="width: 100px;" v-model="form.jOneBSign" readonly @focus="signCard('jOneBSign')">
                           <i slot="prefix" class="el-input__icon el-icon-edit"></i>
                         </el-input>
-                        <!--<el-button type="primary" slot="append" @click="signCard('jOneBSign')"
-                                   icon="el-icon-edit"></el-button>-->
                         <el-date-picker format="yyyy-MM-dd HH:mm:ss"
-                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 180px" v-model="form.jOneBDate"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)" v-model="form.jOneBDate"
                                         type="datetime">
                         </el-date-picker>
                       </td>
                       <td>
-                        <el-input style="width: 85px;" v-model="form.jResMemberSign" readonly
+                        <el-input style="width: 100px;" v-model="form.jResMemberSign" readonly
                                   @focus="signCard('jResMemberSign')">
                           <i slot="prefix" class="el-input__icon el-icon-edit"></i>
                         </el-input>
-                        <!--<el-button type="primary" slot="append" @click="signCard('jResMemberSign')"
-                                   icon="el-icon-edit"></el-button>-->
                         <el-date-picker format="yyyy-MM-dd HH:mm:ss"
-                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 180px"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)"
                                         v-model="form.jResMemberDate" type="datetime">
                         </el-date-picker>
                       </td>
                       <td>
-                        <el-input style="width: 85px;" v-model="form.jEISign" readonly @focus="signCard('jEISign')">
+                        <el-input style="width: 100px;" v-model="form.jEISign" readonly @focus="signCard('jEISign')">
                           <i slot="prefix" class="el-input__icon el-icon-edit"></i>
                         </el-input>
-                        <!--<el-button type="primary" slot="append" @click="signCard('jEISign')"
-                                   icon="el-icon-edit"></el-button>-->
                         <el-date-picker format="yyyy-MM-dd HH:mm:ss"
-                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 180px" v-model="form.jEIDate"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)" v-model="form.jEIDate"
                                         type="datetime">
                         </el-date-picker>
                       </td>
@@ -1612,9 +1632,10 @@
                   <el-col :span="12">
                     <el-collapse-item title="K 确认F栏的安全措施已实施" name="12">
                       签名,日期/时间
-                      <el-input style="width: 80px;" v-model="form.kConfirmSign"/>
+                      <el-input style="width: 100px;" v-model="form.kConfirmSign" prefix-icon="el-icon-edit"/>
                       <el-date-picker
                         v-model="form.kConfirmDate"
+                        style="width: calc(100% - 200px)"
                         type="datetime"
                         placeholder="选择日期时间">
                       </el-date-picker>
@@ -1625,10 +1646,11 @@
                       如有需要,通过安全联络员
                       <br>
                       签名,日期/时间
-                      <el-input style="width: 80px;" v-model="form.lNoticeSign"/>
+                      <el-input style="width: 100px;" v-model="form.lNoticeSign" prefix-icon="el-icon-edit"/>
                       <el-date-picker
                         v-model="form.lNoticeDate"
                         type="datetime"
+                        style="width: calc(100% - 200px)"
                         placeholder="选择日期时间">
                       </el-date-picker>
                     </el-collapse-item>
@@ -1638,13 +1660,14 @@
                   <table>
                     <tr>
                       <td colspan="3">
-                        <el-input style="width: 380px;" v-model="form.mAssessDContent"/>
+                        <el-input v-model="form.mAssessDContent"/>
                       </td>
                       <td>
-                        <el-input style="width: 80px;" v-model="form.mAssessDSign"/>
+                        <el-input style="width: 100px;" v-model="form.mAssessDSign" prefix-icon="el-icon-edit"/>
                         <el-date-picker
                           v-model="form.mAssessDDate"
                           type="datetime"
+                          style="width: calc(100% - 100px)"
                           placeholder="选择日期时间">
                         </el-date-picker>
                       </td>
@@ -1658,13 +1681,13 @@
                     <tr>
                       <td>涉及的其它相关许可证:</td>
                       <td>
-                        <el-input style="width: 120px;" v-model="form.mOtherLicenceOne"/>
+                        <el-input v-model="form.mOtherLicenceOne"/>
                       </td>
                       <td>
-                        <el-input style="width: 120px;" v-model="form.mOtherLicenceTwo"/>
+                        <el-input v-model="form.mOtherLicenceTwo"/>
                       </td>
                       <td>
-                        <el-input style="width: 120px;" v-model="form.mOtherLicenceThree"/>
+                        <el-input v-model="form.mOtherLicenceThree"/>
                       </td>
                     </tr>
                   </table>

+ 938 - 26
ui/src/views/invoicing/restrictedspace/index.vue

@@ -1,31 +1,940 @@
 <template>
   <div>
     <el-form ref="form" :model="form" :rules="rules">
-      <table style="background-color: rgba(246,229,71,0.71)">
-        <tr>
-          <td></td>
-          <td></td>
-          <td></td>
-          <td>修订:04</td>
-        </tr>
-        <tr>
-          <td rowspan="3" width="50px" align="center">表格</td>
-          <td rowspan="3" width="200px" align="center"><b>C00-6.3.0-00FSH-207.1</b></td>
-          <td rowspan="3" width="400px" align="center"><b>限制性空间进入许可证 危害评估及安全措施</b></td>
-          <td>日期:18-5-2018</td>
-        </tr>
-        <tr>
-          <td colspan="3"><b>C</b>
-            <el-input style="width: 200px;" v-model="bccContent"></el-input>
-          </td>
-          <td>
-            <el-button @click="allExpand">全部展开</el-button>
-          </td>
-          <td>
-            <el-button @click="allShrink">全部关闭</el-button>
-          </td>
-        </tr>
-      </table>
+      <div class="hazardwork" style="background-color: rgba(246,229,71,0.71)">
+        <table style="width: 100%;margin-bottom: 8px;">
+          <tr>
+            <td>表格</td>
+            <td><b>C00-6.3.0-00FSH-207.1 </b></td>
+            <td><b>限制性空间进入许可证 危害评估及安全措施</b></td>
+            <td>
+              <div>修订:05</div>
+              <div>日期:19-09-2022</div>
+              <div>页次:1 of 2</div>
+            </td>
+            <td>
+              <el-input style="width: 200px;" v-model="form.cId" placeholder="点击生成票据ID" @focus="hIdClick"
+                        :disabled="hIdDisabled">
+                <i slot="prefix" class="el-input__icon el-icon-word">C</i>
+              </el-input>
+            </td>
+            <td>
+              <el-button @click="allExpand">全部展开</el-button>
+            </td>
+            <td>
+              <el-button @click="allShrink">全部关闭</el-button>
+            </td>
+            <td>
+              <el-button type="primary" v-show="form.hId" @click="onSubmit">提交当前数据</el-button>
+            </td>
+            <td>
+              <el-form-item>
+                <el-button v-if="form.pdfUrl" type="success" @click="handleSee">预览</el-button>
+                <el-button v-if="form.pdfUrl" type="success" @click="handleDownload">下载</el-button>
+              </el-form-item>
+            </td>
+          </tr>
+        </table>
+        <el-row :gutter="20">
+          <!-- 左侧栏 -->
+          <el-col :span="12">
+            <el-collapse v-model="activeNames">
+              <el-collapse-item title="A 基本信息" name="1">
+                <el-form-item prop="ruleA1">
+                  <div>
+                    <table style="width: 100%;">
+                      <tr>
+                        <td>1. 装置/部门:
+                          <el-input v-model="form.aEquipmentName" style="width: calc(100% - 95px);"></el-input></td>
+                        <td style="text-align: right;white-space: nowrap;">装置/部门主管:</td>
+                        <td><el-input v-model="form.aEquipmentLeader"/></td>
+                        <td style="white-space: nowrap;">
+                          <i class="el-icon-phone"></i>:
+                          <el-input v-model="form.aEquipmentTel" style="width: 110px"/></td>
+                        <td style="white-space: nowrap;">办公室:</td>
+                        <td width="90"><el-input v-model="form.aEquipmentOffice"/></td>
+                      </tr>
+                      <tr>
+                        <td>2. 施工单位:
+                          <el-select v-model="form.aConstructionName" filterable placeholder="请选择施工单位"
+                                     @change="aConstructionChange(form.aConstructionName)" style="width: calc(100% - 93px)">
+                            <el-option v-for="item in aConstructions" :key="item.deptId" :label="item.deptName"
+                                       :value="item.deptId">
+                            </el-option>
+                          </el-select>
+                        </td>
+                        <td style="text-align: right">施工单位主管:</td>
+                        <td><el-input v-model="form.aConstructionLeader"/>
+                        </td>
+                        <td style="white-space: nowrap;">
+                          <i class="el-icon-phone"></i>:
+                          <el-input v-model="form.aConstructionTel" style="width: 110px"/>
+                        </td>
+                        <td>办公室:</td>
+                        <td> <el-input v-model="form.aConstructionOffice"/></td>
+                      </tr>
+                      <tr>
+                        <td>3.
+                          用户(涉及外部承包商时):
+                          <el-input v-model="form.aContractorName" style="width: calc(100% - 188px)"/>
+                        </td>
+                        <td style="text-align: right">用户主管:</td>
+                        <td><el-input v-model="form.aContractorLeader"/></td>
+                        <td style="white-space: nowrap;">
+                          <i class="el-icon-phone"></i>:
+                          <el-input v-model="form.aContractorTel" style="width: 110px"/>
+                        </td>
+                        <td>办公室:</td>
+                        <td><el-input v-model="form.aContractorOffice"/></td>
+                      </tr>
+                      <tr>
+                        <td>4. 需要安全联络员?
+                          <el-radio v-model="form.aIsNeedSafeLiaison" label="1">是</el-radio>
+                          <el-radio v-model="form.aIsNeedSafeLiaison" label="2">否</el-radio></td>
+                        <td style="text-align: right">姓名:</td>
+                        <td><el-input v-model="form.aSafeLiaisonName"
+                                      :disabled="form.aIsNeedSafeLiaison==1?false:true"/>
+                        </td>
+                        <!--                          <td>-->
+                        <!--                            签名:-->
+                        <!--                            <el-input style="width: 100px;" v-model="form.aSafeLiaisonSign"-->
+                        <!--                                      :disabled="form.aIsNeedSafeLiaison==1?false:true"/>-->
+                        <!--                          </td>-->
+                        <td style="white-space: nowrap;">
+                          <i class="el-icon-phone"></i>:
+                          <el-input v-model="form.aSafeLiaisonTel"
+                                    :disabled="form.aIsNeedSafeLiaison==1?false:true" style="width: 110px"/>
+                        </td>
+                        <td>
+                          办公室:</td>
+                        <td><el-input v-model="form.aSafeLiaisonOffice"
+                                      :disabled="form.aIsNeedSafeLiaison==1?false:true"/></td>
+                      </tr>
+                    </table>
+                  </div>
+                </el-form-item>
+              </el-collapse-item>
+              <el-collapse-item title="B 工作内容" name="2">
+                <el-form-item prop="ruleB">
+                  <table style="width: 100%;">
+                    <tr>
+                      <td style="white-space: nowrap">1.装置设备:
+                        <el-input v-model="form.bDeviceName" style="width: 480px"/>
+                      </td>
+                      <td style="text-align: right">区域号:</td>
+                      <td><el-input v-model="form.bAreaNo"/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td colspan="3">2.工作内容描述:
+                        <el-input style="width: calc(100% - 116px);vertical-align: top" type="textarea" v-model="form.bWorkContent"/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td colspan="3">3.有效期:由
+                        <el-date-picker v-model="value1" type="datetimerange" range-separator="至"
+                                        start-placeholder="开始日期" end-placeholder="结束日期">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                  </table>
+                </el-form-item>
+              </el-collapse-item>
+              <el-collapse-item title="C 危害识别" name="3">
+                <table style="width: 100%;">
+                  <tr>
+                    <td colspan="2" class="short-checkbox">
+                      <el-checkbox v-model="form.isYesDanger" true-label="1" false-label="0"/>
+                      危害物质(正常运行时存在于设备中的物料名称):
+                      <!-- 物料数据源绑定 -->
+                      <el-select v-model="form.cHarmMatterName" clearable placeholder="请选择物料名称"
+                                 @change="selectChange(form.cHarmMatterName)">
+                        <el-option v-for="item in matterNames" :key="item.id" :label="item.matterName"
+                                   :value="item.id">
+                        </el-option>
+                      </el-select>
+                    </td>
+                  </tr>
+                  <!-- 图标及物料特性根据物料进行动态展示 -->
+                  <tr>
+                    <td colspan="2" class="short-checkbox">
+                      <el-row>
+                        <el-col :span="3">是否有GHS标识
+                          <el-checkbox v-model="form.cIsDanger" true-label="1" false-label="0"/></el-col>
+                        <el-col :span="2.5" style="text-align: center">
+                          <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/toxicIcon.png')">
+                          </el-image>
+                          <div>毒性</div>
+                          <el-checkbox v-model="cIsToxic" true-label="1" false-label="0"/>
+                        </el-col>
+                        <el-col :span="2.5" style="text-align: center">
+                          <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/flammableIcon.png')">
+                          </el-image>
+                          <div>易燃性</div>
+                          <el-checkbox v-model="cIsFlammable" true-label="1" false-label="0"/>
+                        </el-col>
+                        <el-col :span="2.5" style="text-align: center">
+                          <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/oxidizingIcon.png')">
+                          </el-image>
+                          <div>氧化性</div>
+                          <el-checkbox v-model="cIsOxidizing" true-label="1" false-label="0"/>
+                        </el-col>
+                        <el-col :span="2.5" style="text-align: center">
+                          <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/explosiveIcon.png')">
+                          </el-image>
+                          <div>爆炸性</div>
+                          <el-checkbox v-model="cIsExplosive" true-label="1" false-label="0"/>
+                        </el-col>
+                        <el-col :span="2.5" style="text-align: center">
+                          <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/corrosiveIcon.png')">
+                          </el-image>
+                          <div>腐蚀性</div>
+                          <el-checkbox v-model="cIsCorrosive" true-label="1" false-label="0"/>
+                        </el-col>
+                        <el-col :span="2.5" style="text-align: center">
+                          <el-image style="width: 70px;height: 70px;"
+                                    :src="require('@/assets/image/irritantSensitizationToxicIcon.png')">
+                          </el-image>
+                          <div>刺激性/致敏性/毒性</div>
+                          <el-checkbox v-model="cIsIrritantToxic" true-label="1" false-label="0"/>
+                        </el-col>
+                        <el-col :span="2.5" style="text-align: center">
+                          <el-image style="width: 70px;height: 70px;"
+                                    :src="require('@/assets/image/healthHazardIcon.png')">
+                          </el-image>
+                          <div>健康危害</div>
+                          <el-checkbox v-model="cIsHealthHazard" true-label="1" false-label="0"/>
+                        </el-col>
+                        <el-col :span="2.5" style="text-align: center">
+                          <el-image style="width: 70px;height: 70px;"
+                                    :src="require('@/assets/image/compressedGasIcon.png')">
+                          </el-image>
+                          <div>压力下气体</div>
+                          <el-checkbox v-model="cIsCompressedGas" true-label="1" false-label="0"/>
+                        </el-col>
+                        <el-col :span="2.5" style="text-align: center">
+                          <el-image style="width: 70px;height: 70px;"
+                                    :src="require('@/assets/image/environmentalHazardIcon.png')">
+                          </el-image>
+                          <div>危害水生环境</div>
+                          <el-checkbox v-model="cIsEnvironmentalHazard" true-label="1" false-label="0"/>
+                        </el-col>
+                      </el-row>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td class="short-checkbox">
+                      <el-checkbox v-model="isEquipmentHazards" true-label="1" false-label="0"
+                                   @change="eHazardsChange"/>
+                      设备内物质处于危险状态
+                      (
+                      <el-checkbox v-model="form.cIsHighTemp" true-label="1" false-label="0"
+                                   :disabled="isEquipmentHazards==true?false:true" @change="highTempChange"/>
+                      高温
+                      /
+                      <el-checkbox v-model="form.cIsLowTemp" true-label="1" false-label="0"
+                                   :disabled="isEquipmentHazards==true?false:true"
+                                   @change="lowTempChange"/>
+                      低温;
+                      <el-checkbox v-model="form.cIsPosPressure" true-label="1" false-label="0"
+                                   :disabled="isEquipmentHazards==true?false:true"
+                                   @change="posPressureChange"/>
+                      正压
+                      /
+                      <el-checkbox v-model="form.cIsNegPressure" true-label="1" false-label="0"
+                                   :disabled="isEquipmentHazards==true?false:true"
+                                   @change="negPressureChange"/>
+                      负压
+                      )
+                    </td>
+                    <td class="short-checkbox">
+                      <el-checkbox v-model="form.cIsHazardsProd" true-label="1" false-label="0"
+                                   @change="cHazardsProdChange"/>
+                      施工对生产单位的危害:
+                      <el-input style="width: 150px;" v-model="form.cIsHazardsProdContent"
+                                :disabled="form.cIsHazardsProd==true?false:true"/>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td class="short-checkbox">
+                      <el-checkbox v-model="isFacilityHazards" true-label="1" false-label="0"
+                                   @change="facilityChange"/>
+
+                      来自设备/设施的危害(
+                      <el-checkbox v-model="form.cIsMovingParts" true-label="1" false-label="0"
+                                   :disabled="isFacilityHazards==true?false:true"/>
+                      移动部件,
+                      <el-checkbox v-model="form.cIsHotSurfaces" true-label="1" false-label="0"
+                                   :disabled="isFacilityHazards==true?false:true"
+                                   @change="hotSurfacesChange"/>
+                      热表面/
+                      <el-checkbox v-model="form.cIsColdSurfaces" true-label="1" false-label="0"
+                                   :disabled="isFacilityHazards==true?false:true"
+                                   @change="coldSurfacesChange"/>
+                      冷表面,
+                      <el-checkbox v-model="form.cIsVoltages" true-label="1" false-label="0"
+                                   :disabled="isFacilityHazards==true?false:true"/>
+                      电压
+                      )
+                    </td>
+                    <td class="short-checkbox">
+                      <el-checkbox v-model="form.cIsOtherA" :true-label="1" :false-label="0"/>
+                      涉及的其它作业,相关许可证:
+                      <el-input style="width: 158px;" v-model="form.aId"><i slot="prefix" class="el-input__icon el-icon-word">A</i>
+                      </el-input>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td class="short-checkbox" colspan="2">
+                      <el-checkbox v-model="form.cIsOtherFire" true-label="1" :false-label="0"/>
+                      其它危害:
+                      <el-input v-model="form.cOtherFireContent" style="width: calc(100% - 104px)"/>
+                    </td>
+
+                  </tr>
+                </table>
+              </el-collapse-item>
+              <el-collapse-item title="D 施工前的安全措施" name="4">
+                <table style="width: 100%">
+                  <tr>
+                    <td></td>
+                    <th width="30" style="text-align: center">是</th>
+                    <th width="30" style="text-align: center">否</th>
+                    <th>安全措施完成,签名/日期</th>
+                    <th>安全措施撤销,签名/日期</th>
+                  </tr>
+                  <tr>
+                    <td colspan="5"><b>1.确保E&l设备安全</b></td>
+                  </tr>
+                  <tr>
+                    <td>1.1 通过打开安全开关断电并上锁和运转测试</td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsOpenSafe" true-label="1"/></td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsOpenSafe" true-label="0" @change="dIsOpenSafeChange"/></td>
+                    <td>
+                      <el-input style="width: 50%" v-model="form.dSafeImplSign11" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsOpenSafe==1?false:true" @focus="signCard('dSafeImplSign11')">
+                      </el-input>
+                      <!--                      <el-button type="primary" slot="append"-->
+                      <!--                                 icon="el-icon-edit"-->
+                      <!--                                 :disabled="form.dIsOpenSafe==1?false:true"></el-button>-->
+                      <el-date-picker style="width: 50%" v-model="form.dSafeImplDate11" type="date"
+                                      format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss"
+                                      :disabled="form.dIsOpenSafe==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td>
+                      <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                      <el-date-picker style="width: 50%;"
+                                      type="date">
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>1.2 断开电源,通过:</td>
+                    <td></td>
+                    <td></td>
+                    <td></td>
+                    <td></td>
+                  </tr>
+                  <tr>
+                    <td>断开电源线</td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDisFeeder" true-label="1" false-label="0"
+                                                                 :disabled="form.dIsDkdyx !== null?false:true"/></td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDisFeeder" true-label="0" false-label="1"
+                                                                 @change="dIsDisFeederChange"
+                                                                 :disabled="form.dIsDkdyx !== null?false:true"/></td>
+                    <td rowspan="4">
+                      <el-input style="width: 50%;" v-model="form.dDisFeederImplSign" readonly
+                                :disabled="form.dIsDisFeeder==1?false:true" prefix-icon="el-icon-edit"
+                                @focus="signCard('dDisFeederImplSign')">
+                      </el-input>
+                      <el-date-picker style="width: 50%" v-model="form.dDisFeederImplDate" type="date"
+                                      format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss"
+                                      :disabled="form.dIsDisFeeder==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td rowspan="4">
+                      <el-input style="width: 50%" v-model="form.dDisFeederLiftedSign" prefix-icon="el-icon-edit" disabled/>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dDisFeederLiftedDate" type="date" disabled>
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>断开回路开关并上锁和运转测试 <el-input style="width: calc(100% - 188px)" v-model="form.dBreakInclContent"
+                                                               :disabled="form.dIsBreakIncl == 1?false:true"/></td>
+                    <td style="text-align: center;"> <el-checkbox v-model="form.dIsBreakIncl" true-label="1" false-label="0"
+                                                                  :disabled="form.dIsDisFeeder!== null?false:true"/></td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsBreakIncl" true-label="0" false-label="1"
+                                                                 @change="dIsBreakInclChange"
+                                                                 :disabled="form.dIsDisFeeder!== null?false:true"/></td>
+                  </tr>
+                  <tr>
+                    <td>电气回路编号:<el-input style="width:calc(100% - 93px);" v-model="form.dEleCircuitNo" @change="dElecircuitChange"
+                                               :disabled="form.dIsDqhl == 1?false:true"/></td>
+                    <td></td>
+                    <td></td>
+                  </tr>
+                  <tr>
+                    <td>仪表号/测点编号:<el-input style="width: calc(100% - 110px)" v-model="form.dInsTagNo" @change="dInsTagChange"
+                                                  :disabled="form.dIsYbh == 1?false:true"/></td>
+                    <td></td>
+                    <td></td>
+                  </tr>
+                  <tr>
+                    <td>1.3 放射源由专业人员确保安全(日志)</td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsRadioactiveSources" true-label="1" false-label="0"
+                                                                 :disabled="form.dIsYbh!= null?false:true"/></td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsRadioactiveSources" true-label="0" false-label="1"
+                                                                 @change="dIsRadioactiveSourcesChange"
+                                                                 :disabled="form.dIsYbh!= null?false:true"/></td>
+                    <td>
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign13" readonly
+                                :disabled="form.dIsRadioactiveSources==1?false:true"
+                                @focus="signCard('dSafeImplSign13')" prefix-icon="el-icon-edit">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate13" type="date"
+                                      :disabled="form.dIsRadioactiveSources==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td>
+                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign13" prefix-icon="el-icon-edit" disabled/>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
+                                      v-model="form.dSafeLiftedDate13" type="date" disabled>
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>1.4 <el-input style="width: calc(100% - 25px)" v-model="form.dIsOtherEquSafeContent"
+                                      :disabled="form.dIsOtherEquSafe == 1?false:true"/></td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsOtherEquSafe" true-label="1" false-label="0"
+                                   :disabled="form.dIsRadioactiveSources!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsOtherEquSafe" true-label="0" false-label="1"
+                                   @change="dIsOtherEquSafeChange"
+                                   :disabled="form.dIsRadioactiveSources!= null?false:true"/>
+                    </td>
+                    <td>
+                      <el-input style="width:50%;" v-model="form.dSafeImplSign14" readonly
+                                :disabled="form.dIsOtherEquSafe==1?false:true" prefix-icon="el-icon-edit"
+                                @focus="signCard('dSafeImplSign14')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate14" type="date"
+                                      :disabled="form.dIsOtherEquSafe==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td>
+                      <el-input style="width: 50%" v-model="form.dSafeLiftedSign14" prefix-icon="el-icon-edit" disabled/>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeLiftedDate14" type="date" disabled>
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td><b>2. 确保装置设备安全</b></td>
+                    <td colspan="4"></td>
+                  </tr>
+                  <tr>
+                    <td>2.1 泄压 /排空</td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDepress" true-label="1" false-label="0"
+                                                                 :disabled="form.dIsOtherEquSafe!= null?false:true"/></td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDepress" true-label="0" false-label="1" @change="dIsDepressChange"
+                                                                 :disabled="form.dIsOtherEquSafe!= null?false:true"/></td>
+                    <td>
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign21" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsDepress==1?false:true" @focus="signCard('dSafeImplSign21')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate21" type="date"
+                                      :disabled="form.dIsDepress==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>2.2 双阀截断与放空 </td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDoubleBlock" true-label="1" false-label="0"
+                                                                 :disabled="form.dIsSingleBlocking!= null?false:true"/></td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDoubleBlock" true-label="0" false-label="1"
+                                                                 @change="dIsDoubleBlockChange"
+                                                                 :disabled="form.dIsSingleBlocking!= null?false:true"/></td>
+                    <td>
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign23" readonly
+                                :disabled="form.dIsDoubleBlock==1?false:true" prefix-icon="el-icon-edit"
+                                @focus="signCard('dSafeImplSign23')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate23" type="date"
+                                      :disabled="form.dIsDoubleBlock==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td>
+                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign23" prefix-icon="el-icon-edit" disabled/>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeLiftedDate23" type="date" disabled>
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>2.3 使用 <el-input style="width: calc(100% - 120px)" v-model="form.dLockoutUsingContent"
+                                           :disabled="form.dIsLockoutUsing==1?false:true"/> 锁定 </td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsLockoutUsing" true-label="1" false-label="0"
+                                                                 :disabled="form.dIsDoubleBlock!= null?false:true"/></td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsLockoutUsing" true-label="0" false-label="1"
+                                                                 @change="dIsLockoutUsingChange"
+                                                                 :disabled="form.dIsDoubleBlock!= null?false:true"/></td>
+                    <td>
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign24" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsLockoutUsing==1?false:true"
+                                @focus="signCard('dSafeImplSign24')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate24" type="date"
+                                      :disabled="form.dIsLockoutUsing==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td>
+                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign24" prefix-icon="el-icon-edit" disabled/>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeLiftedDate24" type="date" disabled>
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>2.4 移去部分管线/短接 </td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsRemovePipe" true-label="1" false-label="0"
+                                                                 :disabled="form.dIsLockoutUsing!= null?false:true"/></td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsRemovePipe" true-label="0" false-label="1"
+                                                                 @change="dIsRemovePipeChange"
+                                                                 :disabled="form.dIsLockoutUsing!= null?false:true"/></td>
+                    <td>
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign25" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsRemovePipe==1?false:true"
+                                @focus="signCard('dSafeImplSign25')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate25" type="date"
+                                      :disabled="form.dIsRemovePipe==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td>
+                      <el-input style="width: 50%" v-model="form.dSafeLiftedSign25" prefix-icon="el-icon-edit" disabled/>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeLiftedDate25" type="date" disabled>
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>2.5 断开管线并加盖盲法兰 </td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDisPipes" true-label="1" false-label="0"
+                                                                 :disabled="form.dIsRemovePipe!= null?false:true"/></td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDisPipes" true-label="0" false-label="1"
+                                                                 @change="dIsDisPipesChange"
+                                                                 :disabled="form.dIsRemovePipe!= null?false:true"/></td>
+                    <td>
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign26" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsDisPipes==1?false:true" @focus="signCard('dSafeImplSign26')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate26" type="date"
+                                      :disabled="form.dIsDisPipes==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td>
+                      <el-input style="width: 50%" v-model="form.dSafeLiftedSign26" prefix-icon="el-icon-edit" disabled/>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeLiftedDate26" type="date" disabled>
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>2.6 插入盲板 </td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsInsertBlindPlage" true-label="1" false-label="0"
+                                                                 :disabled="form.dIsDisPipes!= null?false:true"/></td>
+                    <td style="text-align: center;"><el-checkbox v-model="form.dIsInsertBlindPlage" true-label="0" false-label="1"
+                                                                 @change="dIsInsertBlindPlageChange"
+                                                                 :disabled="form.dIsDisPipes!= null?false:true"/></td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign27" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsInsertBlindPlage==1?false:true"
+                                @focus="signCard('dSafeImplSign27')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate27" type="date"
+                                      :disabled="form.dIsInsertBlindPlage==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign27" prefix-icon="el-icon-edit" disabled/>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
+                                      v-model="form.dSafeLiftedDate27" type="date" disabled>
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>2.7 机械安全措施:<el-input style="width: calc(100% - 118px)" v-model="form.dMecSecureContent"
+                                                   :disabled="form.dIsMecSecure==1?false:true"/> </td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsMecSecure" true-label="1" false-label="0"
+                                   :disabled="form.dIsInsertBlindPlage!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsMecSecure" true-label="0" false-label="1"
+                                   @change="dIsMecSecureChange"
+                                   :disabled="form.dIsInsertBlindPlage!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign28" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsMecSecure==1?false:true" @focus="signCard('dSafeImplSign28')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate28" type="date"
+                                      :disabled="form.dIsMecSecure==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign28" prefix-icon="el-icon-edit" disabled/>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
+                                      v-model="form.dSafeLiftedDate28" type="date" disabled>
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>2.8 附隔离/盲板图</td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsIsolationDiagram" true-label="1" false-label="0"
+                                   :disabled="form.dIsMecSecure!= null?false:true"/>
+                    </td>
+                    <td style="width: 30px; text-align: center;">
+                      <el-checkbox v-model="form.dIsIsolationDiagram" true-label="0" false-label="1"
+                                   @change="dIsIsolationDiagramChange"
+                                   :disabled="form.dIsMecSecure!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign29" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsIsolationDiagram==1?false:true"
+                                @focus="signCard('dSafeImplSign29')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate29" type="date"
+                                      :disabled="form.dIsIsolationDiagram==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td></td>
+                  </tr>
+                  <tr>
+                    <td>2.9 <el-input style="width: calc(100% - 25px)" v-model="form.dOtherSafePlantContent"
+                                      :disabled="form.dIsOtherSafePlant==1?false:true" /></td>
+                    <td style="text-align: center"><el-checkbox v-model="form.dIsOtherSafePlant" true-label="1" false-label="0"
+                                                                :disabled="form.dIsIsolationDiagram!= null?false:true"/></td>
+                    <td style="text-align: center"><el-checkbox v-model="form.dIsOtherSafePlant" true-label="0" false-label="1"
+                                                                @change="dIsOtherSafePlantChange"
+                                                                :disabled="form.dIsIsolationDiagram!= null?false:true"/></td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign210" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsOtherSafePlant==1?false:true"
+                                @focus="signCard('dSafeImplSign210')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate210" type="date"
+                                      :disabled="form.dIsOtherSafePlant==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%" v-model="form.dSafeLiftedSign210" disabled/>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeLiftedDate210" type="date" disabled>
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td colspan="5"><b>3. 导空/清洗工艺设备</b></td>
+                  </tr>
+                  <tr>
+                    <td>3.1 倒空</td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsDrain" true-label="1" false-label="0"
+                                   :disabled="form.dIsOtherSafePlant!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsDrain" true-label="0" false-label="1" @change="dIsDrainChange"
+                                   :disabled="form.dIsOtherSafePlant!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%" v-model="form.dSafeImplSign31" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsDrain==1?false:true" @focus="signCard('dSafeImplSign31')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate31" type="date"
+                                      :disabled="form.dIsDrain==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td></td>
+                  </tr>
+                  <tr>
+                    <td>3.2 用 <el-select style="width: 150px;" clearable v-model="form.dCleanContent" filterable
+                                          :disabled="form.dIsClean==1?false:true">
+                      <el-option v-for="item in dClears" :key="item.id" :label="item.name" :value="item.id">
+                      </el-option>
+                    </el-select> 清洗</td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsClean" true-label="1" false-label="0"
+                                   :disabled="form.dIsDrain!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsClean" true-label="0" false-label="1" @change="dIsCleanChange"
+                                   :disabled="form.dIsDrain!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign32" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsClean==1?false:true" @focus="signCard('dSafeImplSign32')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate32" type="date"
+                                      :disabled="form.dIsClean==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>3.3 用 <el-select style="width: 150px;" clearable v-model="form.dFlushContent" filterable
+                                           :disabled="form.dIsFlush==1?false:true">
+                      <el-option v-for="item in dFlushs" :key="item.id" :label="item.name" :value="item.id">
+                      </el-option>
+                    </el-select> 置换</td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsFlush" true-label="1" false-label="0"
+                                   :disabled="form.dIsClean!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsFlush" true-label="0" false-label="1" @change="dIsFlushChange"
+                                   :disabled="form.dIsClean!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign33" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsFlush==1?false:true" @focus="signCard('dSafeImplSign33')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate33" type="date"
+                                      :disabled="form.dIsFlush==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>3.4 <el-input style="width: calc(100% - 31px)" v-model="form.dOtherCleanContent"
+                                       :disabled="form.dIsOhterClean==1?false:true"/></td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsOhterClean" true-label="1" false-label="0"
+                                   :disabled="form.dIsFlush!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsOhterClean" true-label="0" false-label="1"
+                                   @change="dIsOhterCleanChange"
+                                   :disabled="form.dIsFlush!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign34" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsOhterClean==1?false:true"
+                                @focus="signCard('dSafeImplSign34')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate34" type="date"
+                                      :disabled="form.dIsOhterClean==1?false:true">
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td colspan="5"><b>4.确保作业区域安全</b></td>
+                  </tr>
+
+                  <tr>
+                    <td>4.1  现场隔离使用:<el-input style="width: calc(100% - 115px)" v-model="form.dSiteDemarcationContent"/></td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsSiteDemarcation" :true-label="1" :false-label="0"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsSiteDemarcation" :true-label="0" :false-label="1"/>
+                    </td>
+                    <td>
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign11" prefix-icon="el-icon-edit"
+                                :disabled="form.dIsSiteDemarcation==1?false:true"/>
+                      <el-date-picker
+                        style="width: 50%;"
+                        v-model="form.dSafeImplDate11"
+                        type="date" :disabled="form.dIsSiteDemarcation==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td>
+                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign11" prefix-icon="el-icon-edit"
+                                :disabled="form.dIsSiteDemarcation==0?false:true"/>
+                      <el-date-picker
+                        style="width: 50%;"
+                        v-model="form.dSafeLiftedDate11"
+                        type="date" :disabled="form.dIsSiteDemarcation==0?false:true">
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td> 4.2 需覆盖的区域:<el-input style="width: calc(100% - 118px)" v-model="form.dAreaCoverContent"
+                                :disabled="form.dIsAreaCover==1?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsAreaCover" true-label="1" false-label="0"
+                                   :disabled="form.dIsSiteDemarcation!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsAreaCover" true-label="0" false-label="1"
+                                   @change="dIsAreaCoverChange"
+                                   :disabled="form.dIsSiteDemarcation!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign42" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsAreaCover==1?false:true" @focus="signCard('dSafeImplSign42')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
+                                      v-model="form.dSafeImplDate42" type="date"
+                                      :disabled="form.dIsAreaCover==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign42" prefix-icon="el-icon-edit" disabled/>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
+                                      v-model="form.dSafeLiftedDate42" type="date" disabled>
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>4.3 封闭槽车/火车路线</td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsCloseTrucks" true-label="1" :false-label="0"
+                                   :disabled="form.dIsSiteDemarcation != null?false:true"></el-checkbox>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsCloseTrucks" :true-label="0" :false-label="1"
+                                   :disabled="form.dIsSiteDemarcation != null?false:true"/>
+                    </td>
+                    <td>
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign12" prefix-icon="el-icon-edit"
+                                :disabled="form.dIsCloseTrucks == 1?false:true"/>
+                      <el-date-picker
+                        style="width: 50%;"
+                        v-model="form.dSafeImplDate12"
+                        type="date" :disabled="form.dIsCloseTrucks == 1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td>
+                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign12" prefix-icon="el-icon-edit"
+                                :disabled="form.dIsCloseTrucks == 0?false:true"/>
+                      <el-date-picker
+                        style="width: 50%;"
+                        v-model="form.dSafeLiftedDate12"
+                        type="date" :disabled="form.dIsCloseTrucks == 0?false:true">
+                      </el-date-picker>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>4.4 对邻近法兰和管件检漏</td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsLeakFlanges" true-label="1" false-label="0"
+                                   :disabled="form.dIsCloseTrucks!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsLeakFlanges" true-label="0" false-label="1"
+                                   @change="dIsLeakFlangesChange"
+                                   :disabled="form.dIsCloseTrucks!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign44" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsLeakFlanges==1?false:true"
+                                @focus="signCard('dSafeImplSign44')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate44" type="date"
+                                      :disabled="form.dIsLeakFlanges==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td style="text-align: center;">
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>4.5
+                      <el-input style="width: calc(100% - 25px);" v-model="form.dOtherWorkSafeContent"
+                                :disabled="form.dIsOtherWorkSafe==1?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsOtherWorkSafe" true-label="1" false-label="0"
+                                   :disabled="form.dIsLeakFlanges!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-checkbox v-model="form.dIsOtherWorkSafe" true-label="0" false-label="1"
+                                   @change="dIsOtherWorkSafeChange"
+                                   :disabled="form.dIsLeakFlanges!= null?false:true"/>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 50%;" v-model="form.dSafeImplSign45" readonly prefix-icon="el-icon-edit"
+                                :disabled="form.dIsOtherWorkSafe==1?false:true"
+                                @focus="signCard('dSafeImplSign45')">
+                      </el-input>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                      v-model="form.dSafeImplDate45" type="date"
+                                      :disabled="form.dIsOtherWorkSafe==1?false:true">
+                      </el-date-picker>
+                    </td>
+                    <td style="text-align: center;">
+                      <el-input style="width: 70px;" v-model="form.dSafeLiftedSign45" disabled/>
+                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
+                                      v-model="form.dSafeLiftedDate45" type="date" disabled>
+                      </el-date-picker>
+                    </td>
+                  </tr>
+
+                </table>
+              </el-collapse-item>
+            </el-collapse>
+          </el-col>
+        </el-row>
+      </div>
+
       <el-row :gutter="10">
         <!-- 左侧栏 -->
         <el-col :span="13">
@@ -1698,6 +2607,9 @@ export default {
   data() {
     return {
       check1: "",
+      form: {
+
+      },
       //A 基本信息
       productionUnit: "",
       productionUnitDirector: "",
@@ -2005,7 +2917,7 @@ export default {
       isYesContinue: false,
       isNoContinue: false,
       //新增修改窗口内容是否展开
-      activeNames: [],
+      activeNames: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15'],
     }
   },
   /* 页面渲染前执行的方法*/