|
|
@@ -3,42 +3,30 @@
|
|
|
<div>
|
|
|
<el-form ref="form" :model="form" :rules="rules">
|
|
|
<div class="hazardwork" style="background-color: #E6BCE0;">
|
|
|
- <table>
|
|
|
+ <table style="width: 100%;margin-bottom: 8px;">
|
|
|
<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.2</b></td>
|
|
|
- <td rowspan="3" width="400px" align="center"><b>动火工作许可证 危害评估及安全措施</b></td>
|
|
|
- <td>日期：18-5-2018</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="3">
|
|
|
- <el-form-item>
|
|
|
+ <td>表格</td>
|
|
|
+ <td><b>C00-6.3.0-00FSH-207.2</b></td>
|
|
|
+ <td><b>动火工作许可证 危害评估及安全措施</b></td>
|
|
|
+ <td>
|
|
|
+ <div>修订：04</div>
|
|
|
+ <div>日期：19-9-2022</div>
|
|
|
+ <div>页次：1 of 2</div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
<el-input style="width: 200px;" v-model="form.hId" placeholder="点击生成票据ID" @focus="hIdClick"
|
|
|
:disabled="hIdDisabled">
|
|
|
<i slot="prefix" class="el-input__icon el-icon-word">H</i>
|
|
|
</el-input>
|
|
|
- </el-form-item>
|
|
|
</td>
|
|
|
<td>
|
|
|
- <el-form-item>
|
|
|
<el-button @click="allExpand">全部展开</el-button>
|
|
|
- </el-form-item>
|
|
|
</td>
|
|
|
<td>
|
|
|
- <el-form-item>
|
|
|
<el-button @click="allShrink">全部关闭</el-button>
|
|
|
- </el-form-item>
|
|
|
</td>
|
|
|
<td>
|
|
|
- <el-form-item>
|
|
|
<el-button type="primary" v-show="form.hId" @click="onSubmit">提交当前数据</el-button>
|
|
|
- </el-form-item>
|
|
|
</td>
|
|
|
<td>
|
|
|
<el-form-item>
|
|
|
@@ -58,84 +46,77 @@
|
|
|
<div>
|
|
|
<table>
|
|
|
<tr>
|
|
|
- <td>1.</td>
|
|
|
- <td>生产装置：
|
|
|
- <el-input style="width: 300px;" v-model="form.aEquipmentName"></el-input>
|
|
|
- </td>
|
|
|
- <td>生产装置主管：
|
|
|
- <el-input style="width: 100px;" v-model="form.aEquipmentLeader"/>
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- <i class="el-icon-phone">：</i>
|
|
|
- <el-input style="width: 70px;" v-model="form.aEquipmentTel"/>
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- 办公室：
|
|
|
- <el-input style="width: 70px;" v-model="form.aEquipmentOffice"/>
|
|
|
- </td>
|
|
|
+ <td>1. 装置/部门：
|
|
|
+ <el-input v-model="form.aEquipmentName" style="width: 180px;"></el-input></td>
|
|
|
+ <td style="text-align: right">装置/部门主管：</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 width="90"><el-input v-model="form.aEquipmentOffice"/></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td>2.</td>
|
|
|
+ <td>2.
|
|
|
<!-- <td>施工单位：<el-input style="width: 300px;" v-model="aConstructionName"/>-->
|
|
|
<!-- </td>-->
|
|
|
- <td>施工单位：
|
|
|
+ 施工单位：
|
|
|
<el-select v-model="form.aConstructionName" filterable placeholder="请选择施工单位"
|
|
|
- @change="aConstructionChange(form.aConstructionName)">
|
|
|
+ @change="aConstructionChange(form.aConstructionName)" style="width: 183px;">
|
|
|
<el-option v-for="item in aConstructions" :key="item.deptId" :label="item.deptName"
|
|
|
:value="item.deptId">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</td>
|
|
|
- <td>施工单位主管：
|
|
|
- <el-input style="width: 100px;" v-model="form.aConstructionLeader"/>
|
|
|
+ <td style="text-align: right">施工单位主管：</td>
|
|
|
+ <td><el-input v-model="form.aConstructionLeader"/>
|
|
|
</td>
|
|
|
- <td>
|
|
|
- <i class="el-icon-phone">：</i>
|
|
|
- <el-input style="width: 70px;" v-model="form.aConstructionTel"/>
|
|
|
+ <td style="white-space: nowrap;">
|
|
|
+ <i class="el-icon-phone"></i>：
|
|
|
+ <el-input v-model="form.aConstructionTel" style="width: 110px"/>
|
|
|
</td>
|
|
|
<td>
|
|
|
- 办公室：
|
|
|
- <el-input style="width: 70px;" v-model="form.aConstructionOffice"/>
|
|
|
+ 办公室：</td>
|
|
|
+ <td> <el-input v-model="form.aConstructionOffice"/>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td>3.</td>
|
|
|
- <td>用户(涉及外部承包商时)：
|
|
|
- <el-input style="width: 300px;" v-model="form.aContractorName"/>
|
|
|
+ <td>3.
|
|
|
+ 用户(涉及外部承包商时)：
|
|
|
+ <el-input v-model="form.aContractorName" style="width: 90px"/>
|
|
|
</td>
|
|
|
- <td align="right">用户主管：
|
|
|
- <el-input style="width: 100px;" v-model="form.aContractorLeader"/>
|
|
|
+ <td style="text-align: right">用户主管：</td>
|
|
|
+ <td><el-input v-model="form.aContractorLeader"/>
|
|
|
</td>
|
|
|
- <td>
|
|
|
- <i class="el-icon-phone">：</i>
|
|
|
- <el-input style="width: 70px;" v-model="form.aContractorTel"/>
|
|
|
+ <td style="white-space: nowrap;">
|
|
|
+ <i class="el-icon-phone"></i>：
|
|
|
+ <el-input v-model="form.aContractorTel" style="width: 110px"/>
|
|
|
</td>
|
|
|
<td>
|
|
|
- 办公室：
|
|
|
- <el-input style="width: 70px;" v-model="form.aContractorOffice"/>
|
|
|
+ 办公室：</td>
|
|
|
+ <td><el-input v-model="form.aContractorOffice"/>
|
|
|
</td>
|
|
|
<tr>
|
|
|
- <td>4.</td>
|
|
|
- <td>需要安全联络员？
|
|
|
+ <td>4. 需要安全联络员？
|
|
|
<el-radio v-model="form.aIsNeedSafeLiaison" label="1">是</el-radio>
|
|
|
- <el-radio v-model="form.aIsNeedSafeLiaison" label="2">否</el-radio>
|
|
|
- 姓名：
|
|
|
- <el-input style="width: 100px;" v-model="form.aSafeLiaisonName"
|
|
|
- :disabled="this.form.aIsNeedSafeLiaison==1?false:true"/>
|
|
|
- </td>
|
|
|
- <td align="right">
|
|
|
- 签名：
|
|
|
- <el-input style="width: 100px;" v-model="form.aSafeLiaisonSign"
|
|
|
+ <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="this.form.aIsNeedSafeLiaison==1?false:true"/>
|
|
|
</td>
|
|
|
- <td>
|
|
|
- <i class="el-icon-phone">：</i>
|
|
|
- <el-input style="width: 70px;" v-model="form.aSafeLiaisonTel"
|
|
|
- :disabled="this.form.aIsNeedSafeLiaison==1?false:true"/>
|
|
|
+<!-- <td>-->
|
|
|
+<!-- 签名：-->
|
|
|
+<!-- <el-input style="width: 100px;" v-model="form.aSafeLiaisonSign"-->
|
|
|
+<!-- :disabled="this.form.aIsNeedSafeLiaison==1?false:true"/>-->
|
|
|
+<!-- </td>-->
|
|
|
+ <td style="white-space: nowrap;">
|
|
|
+ <i class="el-icon-phone"></i>：
|
|
|
+ <el-input v-model="form.aSafeLiaisonTel"
|
|
|
+ :disabled="this.form.aIsNeedSafeLiaison==1?false:true" style="width: 110px"/>
|
|
|
</td>
|
|
|
<td>
|
|
|
- 办公室：
|
|
|
- <el-input style="width: 70px;" v-model="form.aSafeLiaisonOffice"
|
|
|
+ 办公室：</td>
|
|
|
+ <td><el-input v-model="form.aSafeLiaisonOffice"
|
|
|
:disabled="this.form.aIsNeedSafeLiaison==1?false:true"/>
|
|
|
</td>
|
|
|
</tr>
|
|
|
@@ -147,24 +128,20 @@
|
|
|
<el-form-item prop="ruleB">
|
|
|
<table>
|
|
|
<tr>
|
|
|
- <td>1.</td>
|
|
|
- <td>装置设备：
|
|
|
- <el-input style="width: 500px;" v-model="form.bDeviceName"/>
|
|
|
+ <td style="white-space: nowrap">1.装置设备：
|
|
|
+ <el-input v-model="form.bDeviceName" style="width: 480px"/>
|
|
|
</td>
|
|
|
- <td>位置/区域号：
|
|
|
- <el-input style="width: 200px;" v-model="form.bAreaNo"/>
|
|
|
+ <td style="text-align: right">位置/区域号：</td>
|
|
|
+ <td><el-input v-model="form.bAreaNo"/>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td style="vertical-align: top">2.</td>
|
|
|
- <td colspan="2" style="vertical-align: top"><span
|
|
|
- style="vertical-align: top">工作内容描述：</span>
|
|
|
- <el-input type="textarea" style="width: 600px;" v-model="form.bWorkContent"/>
|
|
|
+ <td colspan="3">2.工作内容描述：
|
|
|
+ <el-input type="textarea" v-model="form.bWorkContent"/>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td>3.</td>
|
|
|
- <td colspan="2" class="short-checkbox">动火作业分级：
|
|
|
+ <td colspan="3">3. 动火作业分级：
|
|
|
<el-checkbox v-model="form.bFireWorkGrade" :true-label="0"/>
|
|
|
特级
|
|
|
<el-checkbox v-model="form.bFireWorkGrade" :true-label="1"/>
|
|
|
@@ -174,8 +151,7 @@
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td>4.</td>
|
|
|
- <td>有效期：由
|
|
|
+ <td colspan="3">4.有效期：由
|
|
|
<el-date-picker v-model="value1" type="datetimerange" range-separator="至"
|
|
|
start-placeholder="开始日期" end-placeholder="结束日期">
|
|
|
</el-date-picker>
|
|
|
@@ -185,6 +161,197 @@
|
|
|
</el-form-item>
|
|
|
</el-collapse-item>
|
|
|
<el-collapse-item title="C 危害识别" name="3">
|
|
|
+ <table>
|
|
|
+ <tr>
|
|
|
+ <td colspan="2">
|
|
|
+ <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">
|
|
|
+ <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>
|
|
|
+ <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="this.isEquipmentHazards==true?false:true" @change="highTempChange"/>
|
|
|
+ 高温
|
|
|
+ /
|
|
|
+ <el-checkbox v-model="form.cIsLowTemp" true-label="1" false-label="0"
|
|
|
+ :disabled="this.isEquipmentHazards==true?false:true"
|
|
|
+ @change="lowTempChange"/>
|
|
|
+ 低温；
|
|
|
+ <el-checkbox v-model="form.cIsPosPressure" true-label="1" false-label="0"
|
|
|
+ :disabled="this.isEquipmentHazards==true?false:true"
|
|
|
+ @change="posPressureChange"/>
|
|
|
+ 正压
|
|
|
+ /
|
|
|
+ <el-checkbox v-model="form.cIsNegPressure" true-label="1" false-label="0"
|
|
|
+ :disabled="this.isEquipmentHazards==true?false:true"
|
|
|
+ @change="negPressureChange"/>
|
|
|
+ 负压
|
|
|
+ ）
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <el-checkbox v-model="form.cIsHazardsProd" true-label="1" false-label="0"
|
|
|
+ @change="cHazardsProdChange"/>
|
|
|
+ 施工对生产装置可能造成的危害：
|
|
|
+ <el-input style="width: 150px;" v-model="form.cIsHazardsProdContent"
|
|
|
+ :disabled="this.form.cIsHazardsProd==true?false:true"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <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="this.isFacilityHazards==true?false:true"/>
|
|
|
+ 移动部件，
|
|
|
+ <el-checkbox v-model="form.cIsHotSurfaces" true-label="1" false-label="0"
|
|
|
+ :disabled="this.isFacilityHazards==true?false:true"
|
|
|
+ @change="hotSurfacesChange"/>
|
|
|
+ 热表面/
|
|
|
+ <el-checkbox v-model="form.cIsColdSurfaces" true-label="1" false-label="0"
|
|
|
+ :disabled="this.isFacilityHazards==true?false:true"
|
|
|
+ @change="coldSurfacesChange"/>
|
|
|
+ 冷表面，
|
|
|
+ <el-checkbox v-model="form.cIsVoltages" true-label="1" false-label="0"
|
|
|
+ :disabled="this.isFacilityHazards==true?false:true"/>
|
|
|
+ 电压
|
|
|
+ ）
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <el-checkbox v-model="form.cIsWorkToFire" :true-label="1" :false-label="0"/>
|
|
|
+ 动火可能引起火灾
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <el-checkbox v-model="form.cIsWorkProtective" true-label="1" false-label="0"
|
|
|
+ @change="workProChange"/>
|
|
|
+ 安全保护设备的施工(
|
|
|
+ <el-checkbox v-model="form.cIsDy" true-label="1" false-label="0"
|
|
|
+ :disabled="form.cIsWorkProtective==1?false:true"/>
|
|
|
+ 电仪安全保护设备
|
|
|
+ <el-checkbox v-model="form.cIsAqf" true-label="1" false-label="0"
|
|
|
+ :disabled="form.cIsWorkProtective==1?false:true"/>
|
|
|
+ 安全阀
|
|
|
+ <el-checkbox v-model="form.cIsLq" true-label="1" false-label="0"
|
|
|
+ :disabled="form.cIsWorkProtective==1?false:true"/>
|
|
|
+ 冷却系统)
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <el-checkbox v-model="form.cIsWorkToBlast" :true-label="1" :false-label="0"/>
|
|
|
+ 在防爆区内有爆炸危害
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <el-checkbox v-model="form.cIsDeviceToBlast" :true-label="1" :false-label="0"/>
|
|
|
+ 设备、储罐、管线有爆炸危害
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <el-checkbox v-model="form.cIsWorkToEnvir" :true-label="1" :false-label="0"/>
|
|
|
+ 在动火对周边环境有危害
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <el-checkbox v-model="form.cIsOtherDanger" true-label="1" false-label="0"
|
|
|
+ @change="otherDangerChange"/>
|
|
|
+ 其他危害：
|
|
|
+ <el-select v-model="form.cOtherDangerContent" filterable
|
|
|
+ :disabled="this.form.cIsOtherDanger==true?false:true">
|
|
|
+ <el-option v-for="item in otherDangers" :key="item.id" :label="item.name" :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ 涉及的其它作业，相关许可证：
|
|
|
+ <el-input v-model="form.cHId"
|
|
|
+ @click.native="aIdFireClick">
|
|
|
+ <!-- :disabled="this.form.cIsFire==true?false:true">-->
|
|
|
+ <i slot="prefix" class="el-input__icon el-icon-word">H</i></el-input>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td style="width: 20px"></td>
|
|
|
@@ -197,8 +364,7 @@
|
|
|
在防爆区内有爆炸危害
|
|
|
</td>
|
|
|
<td class="short-checkbox">
|
|
|
- <el-checkbox v-model="form.cIsWorkToEnvir" :true-label="1" :false-label="0"/>
|
|
|
- 在动火对周边环境有危害
|
|
|
+
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
