<template>
	<div class="checkRecord">
		<headNav
			@backPage="backPage"
			@rightClick="rightClick"
			:iconName="showIcon"
			:title="'消防监督记录'"
		></headNav>

		<div v-if="showImg" class="pdfImg">
			<van-image :src="imgSrc"></van-image>
		</div>

		<div class="file" id="file" v-else>
			<div class="title scale8">
				<div class="title_top">
					{{ topInfo.lawUnit }}
				</div>
				<div class="title_bottom">消防监督检查记录</div>
			</div>

			<div class="number">
				<span class="scale8">编号：{{ fileNum }}</span>
			</div>

			<div class="file_top scale8">
				<div class="checkForm">
					<div class="df">
						<div>检查形式：</div>
						<div class="ml5">
							<van-radio-group v-model="checkForm">
								<van-radio
									icon-size="16px"
									shape="square"
									name="1"
									>消防监督抽查</van-radio
								>
								<van-radio
									class="mt10"
									icon-size="16px"
									shape="square"
									name="2"
									>公共聚集场所投入使用，营业前消防安全检查
								</van-radio>
							</van-radio-group>
						</div>
					</div>
				</div>
				<div class="companyName df aic mt10">
					<div>被检查单位(场所)名称：</div>
					<div class="underLine">
						{{ formData.enforce_obj_name || (formData.enforce_obj && formData.enforce_obj.enforce_obj_name) }}
					</div>
				</div>
				<div class="location df aic mt10">
					<div>地 址：</div>
					<div class="underLine">
						{{ formData.enforce_obj && formData.enforce_obj.enforce_obj_address }}
					</div>
				</div>
				<div class="item df aic mt10">
					<div class="df itemFlex2">
						<div class="label">消防安全责任人：</div>
						<div class="underLine">
							{{ formData.enforce_obj && formData.enforce_obj.charge_person }}
						</div>
					</div>
					<div class="df itemFlex1">
						<div>电话：</div>
						<div class="underLine">
							{{ formData.enforce_obj && formData.enforce_obj.charge_person_phone }}
						</div>
					</div>
				</div>
				<div class="item df aic mt10">
					<div class="df itemFlex2">
						<div class="label">消防安全管理人：</div>
						<div class="underLine">
							{{ formData.enforce_obj && formData.enforce_obj.manage_person }}
						</div>
					</div>
					<div class="df itemFlex1">
						<div>电话：</div>
						<div class="underLine">
							{{ formData.enforce_obj && formData.enforce_obj.manage_person_phone }}
						</div>
					</div>
				</div>
				<div class="item df aic mt10">
					<div class="df itemFlex2">
						<div class="label">联 系 人：</div>
						<div class="underLine">
							{{ formData.enforce_obj && formData.enforce_obj.legal_person }}
						</div>
					</div>
					<div class="df itemFlex1">
						<div>电话：</div>
						<div class="underLine">
							{{ formData.enforce_obj && formData.enforce_obj.legal_person_phone }}
						</div>
					</div>
				</div>
				<div class="isImportant">
					<van-radio-group v-model="isImportant" class="df aic">
						<van-radio
							class="mr20"
							icon-size="16px"
							shape="square"
							name="1"
							>消防安全重点单位</van-radio
						>
						<van-radio icon-size="16px" shape="square" name="2"
							>非消防安全重点单位</van-radio
						>
					</van-radio-group>
				</div>
				<div class="checkPerson df aic">
					<div>消防监督检查员：</div>
					<div class="underLine">
						{{ formData.executorNames }}
					</div>
				</div>
				<div class="checkPerson df aic mt10">
					<div>检查时间：</div>
					<div>
						<span class="underLine_">
							{{ year }} </span
						>年
						<span class="underLine_">
							{{ month }} </span
						>月
						<span class="underLine_">
							{{ day }} </span
						>日
						<span class="underLine_">
							{{ hour }} </span
						>时
					</div>
				</div>
				<div class="signUp df dic mt10">
					<div>被检查单位随网检查人员（签名）：</div>
					<div class="underLine"></div>
				</div>
				<div class="tips">此记录由消防机构存档</div>
			</div>

			<div class="table scale9" v-if="pdfDataOld.length > 0">
				<table border="1" width="100%" cellpadding="0" cellspacing="0">
					<thead>
						<tr>
							<th width="10%" colspan="2"></th>
							<th width="90%">监 督 检 查 内 容 和 情 况</th>
						</tr>
					</thead>

					<tbody>
						<!-- 消防许可备案 -->
						<tr>
							<td colspan="2">
								<div class="processName">
									消防许可及验收备案
								</div>
							</td>
							<td>
								<div class="sonProcessContent">
									<div class="sonProcessItem">
										<div class="sonProcessName">
											被检查建筑物名称:
										</div>
										<div class="right">
											<input
												type="text"
												class="tableInput"
											/>
										</div>
									</div>
									<div class="sonProcessItem">
										<van-checkbox
											v-model="checkBox1"
											shape="square"
										>
											1998年9月1日之前竣工建筑且此后未改建(含装修、用途变更)
										</van-checkbox>
									</div>
									<div class="sonProcessItem">
										<van-checkbox
											v-model="checkBox2"
											shape="square"
											class="mr10"
										>
											依法通过消防验收
										</van-checkbox>
										<van-checkbox
											v-model="checkBox3"
											shape="square"
										>
											依法进行竣工验收消防备案
										</van-checkbox>
									</div>
									<div class="sonProcessItem">
										<van-checkbox
											v-model="checkBox4"
											shape="square"
											class="mr10"
										>
											其他情况
										</van-checkbox>
										<div class="right">
											<input
												value="/"
												type="text"
												class="tableInput"
											/>
										</div>
									</div>
									<div class="sonProcessItem">
										<van-radio-group
											class="df aic mr5"
											v-model="pdfDataOld[0].answerOption"
											disabled
										>
											<van-radio
												icon-size="16px"
												shape="square"
												name="是"
												class="mr5"
												>是
											</van-radio>
											<van-radio
												icon-size="16px"
												shape="square"
												name="否"
												>否</van-radio
											>
										</van-radio-group>
										<div class="sonProcessName">
											公共聚集场所
										</div>
									</div>
									<div class="sonProcessItem">
										<div
											class="sonProcessName mr10"
											style="font-weight: normal"
										>
											依法通过投入使用、营业前消防安全检查
										</div>
										<van-radio-group
											class="df aic"
											v-model="pdfDataOld[1].answerOption"
											disabled
										>
											<van-radio
												icon-size="16px"
												shape="square"
												name="是"
												class="mr5"
												>是
											</van-radio>
											<van-radio
												icon-size="16px"
												shape="square"
												name="否"
												>否</van-radio
											>
										</van-radio-group>
									</div>
									<div class="sonProcessItem flexEnd">
										<div class="sonProcessName mr10">
											建筑物或者场所使用情况与消防验收或者竣工验收消防备案时的使用性质相符情况
											<van-radio-group
												class="specCheckBox"
												v-model="
													pdfDataOld[2].answerOption
												"
												disabled
											>
												<div
													class="df specCheckBox_div"
												>
													<van-radio
														icon-size="16px"
														shape="square"
														name="相符"
														class="mr5"
														>相符
													</van-radio>
													<van-radio
														icon-size="16px"
														shape="square"
														name="不相符"
														>不相符
													</van-radio>
												</div>
											</van-radio-group>
										</div>
									</div>
								</div>
							</td>
						</tr>

						<!-- 消防安全管理 -->
						<tr>
							<td colspan="2">
								<div class="processName">消防安全管理</div>
							</td>
							<td>
								<div class="sonProcessContent">
									<div class="sonProcessItem">
										<div class="sonProcessName">
											消防安全制度
										</div>
										<div class="right">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[3].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
									</div>
									<div class="sonProcessItem">
										<div class="sonProcessName">
											灭火和应急疏散预案
										</div>
										<div class="right">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[4].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
									</div>
									<div class="sonProcessItem">
										<div class="sonProcessName">
											员工消防安全培训
										</div>
										<div class="right">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[5].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有记录"
													class="mr5"
													>有记录
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无记录"
													class="mr5"
													>无记录
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有, 但不符合规定"
													>有, 但不符合规定
												</van-radio>
											</van-radio-group>
										</div>
									</div>
									<div class="sonProcessItem">
										<van-radio-group
											class="df aic"
											v-model="pdfDataOld[6].answerOption"
											disabled
										>
											<van-radio
												icon-size="16px"
												shape="square"
												name="不涉及"
												class="mr5"
												>不涉及
											</van-radio>
										</van-radio-group>
										<div class="sonProcessName">
											消防安全管理人
										</div>
										<div class="right">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[6].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="确定"
													class="mr5"
													>确定
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="未确定"
													class="mr5"
													>未确定
												</van-radio>
											</van-radio-group>
										</div>
									</div>
									<div class="sonProcessItem">
										<van-radio-group
											class="df aic"
											v-model="pdfDataOld[7].answerOption"
											disabled
										>
											<van-radio
												icon-size="16px"
												shape="square"
												name="不涉及"
												class="mr5"
												>不涉及
											</van-radio>
										</van-radio-group>
										<div class="sonProcessName">
											防火检查、巡查
										</div>
										<div class="right">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[7].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有记录"
													class="mr5"
													>有记录
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无记录"
													class="mr5"
													>无记录
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有, 但不符合规定"
													>有, 但不符合规定
												</van-radio>
											</van-radio-group>
										</div>
									</div>
									<div class="sonProcessItem sonProcessSpec">
										<div>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[8].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不涉及"
													class="mr5"
													>不涉及
												</van-radio>
											</van-radio-group>
										</div>
										<div
											class="sonProcessName"
											style="width: 220px"
										>
											消防设施、器材、消防安全标志定期组织维修保养
										</div>
										<div class="right pabsolute">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[8].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有记录"
													class="mr5"
													>有记录
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无记录"
													class="mr5"
													>无记录
												</van-radio>
											</van-radio-group>
										</div>
									</div>
									<div class="sonProcessItem">
										<van-radio-group
											class="df aic"
											v-model="pdfDataOld[9].answerOption"
											disabled
										>
											<van-radio
												icon-size="16px"
												shape="square"
												name="不涉及"
												class="mr5"
												>不涉及
											</van-radio>
										</van-radio-group>
										<div class="sonProcessName">
											消防演练
										</div>
										<div class="right">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[9].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有记录"
													class="mr5"
													>有记录
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无记录"
													class="mr5"
													>无记录
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有, 但不符合规定"
													>有, 但不符合规定
												</van-radio>
											</van-radio-group>
										</div>
									</div>
									<div class="sonProcessItem">
										<van-radio-group
											class="df aic"
											v-model="
												pdfDataOld[10].answerOption
											"
											disabled
										>
											<van-radio
												icon-size="16px"
												shape="square"
												name="不涉及"
												class="mr5"
												>不涉及
											</van-radio>
										</van-radio-group>
										<div class="sonProcessName">
											消防档案
										</div>
										<div class="right">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[10].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													class="mr5"
													>无
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不符合要求"
													>不符合要求
												</van-radio>
											</van-radio-group>
										</div>
									</div>
									<div class="sonProcessItem">
										<van-radio-group
											class="df aic"
											v-model="
												pdfDataOld[11].answerOption
											"
											disabled
										>
											<van-radio
												icon-size="16px"
												shape="square"
												name="不涉及"
												class="mr5"
												>不涉及
											</van-radio>
										</van-radio-group>
										<div class="sonProcessName">
											消防重点部位
										</div>
										<div class="right">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[11].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="确定"
													class="mr5"
													>确定
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="未确定"
													class="mr5"
													>未确定
												</van-radio>
											</van-radio-group>
										</div>
									</div>
									<div class="sonProcessItem">
										<van-radio-group
											class="df aic"
											v-model="
												pdfDataOld[12].answerOption
											"
											disabled
										>
											<van-radio
												icon-size="16px"
												shape="square"
												name="1"
												class="mr5"
												>不涉及
											</van-radio>
										</van-radio-group>
										<div class="sonProcessName">
											承担灭火和组织疏散任务的人员
										</div>
										<div class="right">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[12].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="确定"
													class="mr5"
													>确定
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="未确定"
													>未确定</van-radio
												>
											</van-radio-group>
										</div>
									</div>
									<div class="sonProcessItem">
										<div class="sonProcessName">
											检查情况：
										</div>
										<div class="explain">
											<div
												v-for="item in arr1"
												v-if="item.id"
											>
												<span class="mr5">{{
													item.title
												}}</span>
												<span class="mr5">{{
													item.checkResult == "2"
														? "不合格"
														: "合格"
												}}</span>
												<span
													v-if="
														item.checkResult == '2'
													"
												>
													{{
														item.checkCaseConts
															? item.checkCaseConts
																	.split("@")
																	.join(",")
															: "--"
													}}
												</span>
											</div>
										</div>
									</div>
								</div>
							</td>
						</tr>
					</tbody>
				</table>

				<table
					border="1"
					width="100%"
					cellpadding="0"
					cellspacing="0"
					style="margin-top: 120px"
				>
					<tbody>
						<!-- 建筑防火 -->
						<tr>
							<td colspan="2" width="10%">
								<div class="processName">建筑防火</div>
							</td>
							<td>
								<div class="sonProcessContent">
									<div class="sonProcessItem sonProcessSpec">
										<div>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[13].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不涉及"
													class="mr5"
													>不涉及
												</van-radio>
											</van-radio-group>
										</div>
										<div
											class="sonProcessName"
											style="width: 250px"
										>
											生产、储存、经营易燃易爆危险品的场所与居住场所设置在同一建筑物内
										</div>
										<div class="right pabsolute">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[13].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="否"
													class="mr5"
													>否
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="是"
													>是</van-radio
												>
											</van-radio-group>
										</div>
									</div>
									<div class="sonProcessItem sonProcessSpec">
										<div>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[14].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不涉及"
													class="mr5"
													>不涉及
												</van-radio>
											</van-radio-group>
										</div>
										<div
											class="sonProcessName"
											style="width: 250px"
										>
											生产、储存、经营其他物品的场所与居住场所设置在同一建筑物内
										</div>
										<div
											class="right pabsolute"
											style="width: 80px"
										>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[14].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="符合标准"
													class="mr5"
													>符合标准
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不符合标准"
													>不符合标准
												</van-radio>
											</van-radio-group>
										</div>
									</div>
									<div
										class="
											sonProcessItem
											sonProcessSpec
											mt20
										"
									>
										<div>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[15].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不涉及"
													class="mr5"
													>不涉及
												</van-radio>
											</van-radio-group>
										</div>
										<div
											class="sonProcessName"
											style="width: 250px"
										>
											人员密集场所外墙门窗上设置影响逃生、灭火救援的障碍物
										</div>
										<div class="right pabsolute">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[15].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="否"
													class="mr5"
													>否
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="是"
													>是</van-radio
												>
											</van-radio-group>
										</div>
									</div>
									<div class="sonProcessItem">
										<div class="sonProcessName">
											消防车通道
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[16].checkSite
														? pdfDataOld[16]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>
									<div class="sonProcessItem">
										<div class="sonProcessName">
											防火间距
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[17].checkSite
														? pdfDataOld[17]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>
									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[18].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不涉及"
													class="mr5"
													>不涉及
												</van-radio>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											防火分区
										</div>
										<div class="right">
											<div class="right_title">
												检查部分
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[18].checkSite
														? pdfDataOld[18]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>
									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[19].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不涉及"
													class="mr5"
													>不涉及
												</van-radio>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											人员密集场所装修材料
										</div>
										<div class="right">
											<div class="right_title">
												检查部分
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[19].checkSite
														? pdfDataOld[19]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>
									<div class="sonProcessItem">
										<div class="sonProcessName">
											检查情况：
										</div>
										<div class="explain">
											<div
												v-for="item in arr2"
												v-if="item.id"
											>
												<span class="mr5">{{
													item.title
												}}</span>
												<span class="mr5">{{
													item.checkResult == "2"
														? "不合格"
														: "合格"
												}}</span>
												<span
													v-if="
														item.checkResult == '2'
													"
													>{{
														item.checkCaseConts
															? item.checkCaseConts
																	.split("@")
																	.join(",")
															: "--"
													}}</span
												>
											</div>
										</div>
									</div>
								</div>
							</td>
						</tr>

						<!-- 安全疏散 -->
						<tr>
							<td colspan="2">
								<div class="processName">安全疏散</div>
							</td>
							<td>
								<div class="sonProcessContent">
									<div class="sonProcessItem">
										<div class="sonProcessName">
											疏散通道
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[20].checkSite
														? pdfDataOld[20]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											安全出口
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[21].checkSite
														? pdfDataOld[21]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											应急照明
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[22].checkSite
														? pdfDataOld[22]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											疏散指示标志
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[23].checkSite
														? pdfDataOld[23]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[24].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不涉及"
													class="mr5"
													>不涉及
												</van-radio>
											</van-radio-group>
										</div>
										<div class="sonProcessName">避难层</div>
										<div class="right">
											<div class="right_title">
												检查部分
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[24].checkSite
														? pdfDataOld[24]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>
									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[25].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不涉及"
													class="mr5"
													>不涉及
												</van-radio>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											应急广播
										</div>
										<div class="right">
											<div class="right_title">
												检查部分
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[25].checkSite
														? pdfDataOld[25]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>
									<div class="sonProcessItem">
										<div class="sonProcessName">
											检查情况：
										</div>
										<div class="explain">
											<div
												v-for="item in arr3"
												v-if="item.id"
											>
												<span class="mr5">{{
													item.title
												}}</span>
												<span class="mr5">{{
													item.checkResult == "2"
														? "不合格"
														: "合格"
												}}</span>
												<span
													v-if="
														item.checkResult == '2'
													"
													>{{
														item.checkCaseConts
															? item.checkCaseConts
																	.split("@")
																	.join(",")
															: "--"
													}}</span
												>
											</div>
										</div>
									</div>
								</div>
							</td>
						</tr>
					</tbody>
				</table>

				<table
					border="1"
					width="100%"
					cellpadding="0"
					cellspacing="0"
					style="margin-top: 120px"
				>
					<tbody>
						<!-- 消防控制室 -->
						<tr>
							<td colspan="2" width="10%">
								<div class="processName">消防控制室</div>
							</td>
							<td>
								<div class="sonProcessContent">
									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[26].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													class="mr5"
													>无
												</van-radio>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											消防控制室
										</div>
									</div>
									<div class="sonProcessItem">
										<div class="sonProcessName">
											值班操作人员
										</div>
										<div class="right">
											<div class="right_title">
												在岗人数
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[27].checkSite
														? pdfDataOld[27]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											值班记录
										</div>
										<div class="right">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[27].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											消防联动控制设备运行情况
										</div>
										<div class="right">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[28].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="正常"
													class="mr5"
													>正常
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不正常"
													>不正常</van-radio
												>
											</van-radio-group>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											消防电话
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[29].checkSite
														? pdfDataOld[29]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											检查情况：
										</div>
										<div class="explain">
											<div
												v-for="item in arr4"
												v-if="item.id"
											>
												<span class="mr5">{{
													item.title
												}}</span>
												<span class="mr5">{{
													item.checkResult == "2"
														? "不合格"
														: "合格"
												}}</span>
												<span
													v-if="
														item.checkResult == '2'
													"
													>{{
														item.checkCaseConts
															? item.checkCaseConts
																	.split("@")
																	.join(",")
															: "--"
													}}</span
												>
											</div>
										</div>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td rowspan="3">消防设施器材</td>
							<td>火灾自动报警系统</td>
							<td>
								<div class="sonProcessContent">
									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[30].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											火灾自动报警系统
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">探测器</div>
										<div class="right">
											<div class="right_title">
												抽查部位及数量
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[31].checkSite
														? pdfDataOld[31]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											手动报警器
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[32].checkSite
														? pdfDataOld[32]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											控制设备
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[33].checkSite
														? pdfDataOld[33]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											其他设施
										</div>
										<div class="right">
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[34].checkSite
														? pdfDataOld[34].checkSite.split(
																","
														  )[0]
														: "/"
												}}
											</div>
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[34].checkSite
														? pdfDataOld[34].checkSite.split(
																","
														  )[1]
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											检查情况：
										</div>
										<div class="explain">
											<div
												v-for="item in arr5"
												v-if="item.id"
											>
												<span class="mr5">{{
													item.title
												}}</span>
												<span class="mr5">{{
													item.checkResult == "2"
														? "不合格"
														: "合格"
												}}</span>
												<span
													v-if="
														item.checkResult == '2'
													"
													>{{
														item.checkCaseConts
															? item.checkCaseConts
																	.split("@")
																	.join(",")
															: "--"
													}}</span
												>
											</div>
										</div>
									</div>
								</div>
							</td>
						</tr>

						<tr>
							<td>消防给水设施</td>
							<td>
								<div class="sonProcessContent">
									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[35].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											消防给水设施
										</div>
									</div>

									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[36].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											消防水池
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[36].checkSite
														? pdfDataOld[36]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[37].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											消防水箱
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[37].checkSite
														? pdfDataOld[37]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[38].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											消防水泵
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[38].checkSite
														? pdfDataOld[38]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[39].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											室内消火栓
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[39].checkSite
														? pdfDataOld[39]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[40].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											室外消火栓
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[40].checkSite
														? pdfDataOld[40]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[41].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											水泵接合器
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[41].checkSite
														? pdfDataOld[41]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[43].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											稳压设施
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[42].checkSite
														? pdfDataOld[42]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											其他设施
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[43].checkSite
														? pdfDataOld[43]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											检查情况：
										</div>
										<div class="explain" v-if="item.id">
											<div
												v-for="(item, arr6Ind) in arr6"
												:key="arr6Ind"
											>
												<span class="mr5">{{
													item.title
												}}</span>
												<span class="mr5">{{
													item.checkResult == "2"
														? "不合格"
														: "合格"
												}}</span>
												<span
													v-if="
														item.checkResult == '2'
													"
													>{{
														item.checkCaseConts
															? item.checkCaseConts
																	.split("@")
																	.join(",")
															: "--"
													}}</span
												>
											</div>
										</div>
									</div>
								</div>
							</td>
						</tr>
					</tbody>
				</table>

				<table
					border="1"
					width="100%"
					cellpadding="0"
					cellspacing="0"
					style="margin-top: 120px"
				>
					<tbody>
						<!-- 四个 -->

						<tr>
							<td rowspan="3" width="5%">消防设施器材</td>
							<td rowspan="2" width="5%">自动灭火系统</td>
							<td>
								<div class="sonProcessContent">
									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[44].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											自动喷水灭火系统
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">报警阀</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[44].checkSite
														? pdfDataOld[44].checkSite.split(
																","
														  )[0]
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											末端试水装置
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[44].checkSite
														? pdfDataOld[44].checkSite.split(
																","
														  )[1]
														: "/"
												}}
											</div>
											<div class="right_title">
												压力值
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[44].checkSite
														? pdfDataOld[44].checkSite.split(
																","
														  )[2]
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											其他设施
										</div>
										<div class="right">
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[44].checkSite
														? pdfDataOld[44].checkSite.split(
																","
														  )[3]
														: "/"
												}}
											</div>
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[44].checkSite
														? pdfDataOld[44].checkSite.split(
																","
														  )[4]
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											检查情况：
										</div>
										<div class="explain">
											<div
												v-for="item in arr7"
												v-if="item.id"
											>
												<span class="mr5">{{
													item.title
												}}</span>
												<span class="mr5">{{
													item.checkResult == "2"
														? "不合格"
														: "合格"
												}}</span>
												<span
													v-if="
														item.checkResult == '2'
													"
													>{{
														item.checkCaseConts
															? item.checkCaseConts
																	.split("@")
																	.join(",")
															: "--"
													}}</span
												>
											</div>
										</div>
									</div>
								</div>
							</td>
						</tr>

						<tr>
							<td>
								<div class="sonProcessContent">
									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[45].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											其他自动灭火系统
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">类型</div>
										<div class="right">
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[45].checkSite
														? pdfDataOld[45].checkSite.split(
																","
														  )[0]
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											设置部位
										</div>
										<div class="right">
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[45].checkSite
														? pdfDataOld[45].checkSite.split(
																","
														  )[1]
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											检查情况：
										</div>
										<div class="explain">
											<div
												v-for="item in arr8"
												v-if="item.id"
											>
												<span class="mr5">{{
													item.title
												}}</span>
												<span class="mr5">{{
													item.checkResult == "2"
														? "不合格"
														: "合格"
												}}</span>
												<span
													v-if="
														item.checkResult == '2'
													"
													>{{
														item.checkCaseConts
															? item.checkCaseConts
																	.split("@")
																	.join(",")
															: "--"
													}}</span
												>
											</div>
										</div>
									</div>
								</div>
							</td>
						</tr>

						<tr>
							<td>其他设施器材</td>
							<td>
								<div class="sonProcessContent">
									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[46].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">防火门</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[46].checkSite
														? pdfDataOld[46]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[47].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											防火卷帘
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[47].checkSite
														? pdfDataOld[47]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[48].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有<"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											防排烟设施
										</div>
										<div class="right">
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[48].checkSite
														? pdfDataOld[48]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic mr5"
												v-model="
													pdfDataOld[49].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有"
													class="mr5"
													>有
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无"
													>无</van-radio
												>
											</van-radio-group>
										</div>
										<div class="sonProcessName">灭火器</div>
										<div class="right">
											<div class="right_title">
												抽查部位及数量
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[49].checkSite
														? pdfDataOld[49]
																.checkSite
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											其他设施
										</div>
										<div class="right">
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[50].checkSite
														? pdfDataOld[50].checkSite.split(
																","
														  )[0]
														: "/"
												}}
											</div>
											<div class="right_title">
												抽查部位
											</div>
											<div
												class="right_content underLine"
											>
												{{
													pdfDataOld[50].checkSite
														? pdfDataOld[50].checkSite.split(
																","
														  )[1]
														: "/"
												}}
											</div>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											检查情况：
										</div>
										<div class="explain">
											<div
												v-for="item in arr9"
												v-if="item.id"
											>
												<span class="mr5">{{
													item.title
												}}</span>
												<span class="mr5">{{
													item.checkResult == "2"
														? "不合格"
														: "合格"
												}}</span>
												<span
													v-if="
														item.checkResult == '2'
													"
													>{{
														item.checkCaseConts
															? item.checkCaseConts
																	.split("@")
																	.join(",")
															: "--"
													}}</span
												>
											</div>
										</div>
									</div>
								</div>
							</td>
						</tr>
					</tbody>
				</table>

				<table
					border="1"
					width="100%"
					cellpadding="0"
					cellspacing="0"
					style="margin-top: 120px"
				>
					<tbody>
						<!-- 其他消防安全管理 -->
						<tr>
							<td colspan="2" width="10%">
								<div class="processName">其他消防安全管理</div>
							</td>
							<td>
								<div class="sonProcessContent">
									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[51].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不涉及"
													class="mr5"
													>不涉及
												</van-radio>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											电器产品的线路定期维护、检测
										</div>
										<div class="right">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[51].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有记录"
													class="mr5"
													>有记录
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无记录"
													>无记录</van-radio
												>
											</van-radio-group>
										</div>
									</div>

									<div class="sonProcessItem">
										<div>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[52].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不涉及"
													class="mr5"
													>不涉及
												</van-radio>
											</van-radio-group>
										</div>
										<div class="sonProcessName">
											燃气用具的管路定期维护、检测
										</div>
										<div class="right">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[52].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="有记录"
													class="mr5"
													>有记录
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="无记录"
													>无记录</van-radio
												>
											</van-radio-group>
										</div>
									</div>

									<div class="sonProcessItem sonProcessSpec">
										<div>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[53].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不涉及"
													class="mr5"
													>不涉及
												</van-radio>
											</van-radio-group>
										</div>
										<div
											class="sonProcessName"
											style="width: 250px"
										>
											违反规定使用明火作业或在具有火灾、爆炸危险的场所吸烟、使用明火
										</div>
										<div class="right pabsolute">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[53].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="否"
													class="mr5"
													>否
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="是"
													>是</van-radio
												>
											</van-radio-group>
										</div>
									</div>

									<div class="sonProcessItem sonProcessSpec">
										<div>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[54].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不涉及"
													class="mr5"
													>不涉及
												</van-radio>
											</van-radio-group>
										</div>
										<div
											class="sonProcessName"
											style="width: 250px"
										>
											违反消防安全规定进入生产、储存易燃易爆危险品场所
										</div>
										<div class="right pabsolute">
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[54].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="否"
													class="mr5"
													>否
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="是"
													>是</van-radio
												>
											</van-radio-group>
										</div>
									</div>

									<div class="sonProcessItem sonProcessSpec">
										<div>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[55].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="不涉及"
													class="mr5"
													>不涉及
												</van-radio>
											</van-radio-group>
										</div>
										<div
											class="sonProcessName"
											style="width: 250px"
										>
											违反有关消防技术标准和管理规定生产、储存、运输、销售、使用、销毁易燃易爆危险品
										</div>
										<div
											class="right pabsolute"
											style="top: 30px"
										>
											<van-radio-group
												class="df aic"
												v-model="
													pdfDataOld[55].answerOption
												"
												disabled
											>
												<van-radio
													icon-size="16px"
													shape="square"
													name="否"
													class="mr5"
													>否
												</van-radio>
												<van-radio
													icon-size="16px"
													shape="square"
													name="是"
													>是</van-radio
												>
											</van-radio-group>
										</div>
									</div>

									<div class="sonProcessItem">
										<div class="sonProcessName">
											检查情况：
										</div>
										<div class="explain">
											<div
												v-for="item in arr10"
												v-if="item.id"
											>
												<span class="mr5">{{
													item.title
												}}</span>
												<span class="mr5">{{
													item.checkResult == "2"
														? "不合格"
														: "合格"
												}}</span>
												<span
													v-if="
														item.checkResult == '2'
													"
													>{{
														item.checkCaseConts
															? item.checkCaseConts
																	.split("@")
																	.join(",")
															: "--"
													}}</span
												>
											</div>
										</div>
									</div>
								</div>
							</td>
						</tr>

						<tr>
							<td colspan="2">
								<div class="processName">备注</div>
							</td>
							<td>
								<div
									class="sonProcessContent"
									v-if="pdfDataQes && pdfDataNew"
								>
									<div
										class="tableNewList_item sonProcessItem"
										v-for="(item, index) in pdfDataQes"
									>
										<div class="sonProcessName mr10">
											{{ item.examineProname }}
										</div>
										<div class="mr10">
											{{
												pdfDataNew[index]
													.checkResult === "2"
													? "不合格"
													: "合格"
											}}
										</div>
										<div>
											{{
												pdfDataNew[index].checkCaseConts
											}}
										</div>
									</div>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>

		<div class="btn" v-if="!showImg">
			<van-button type="info" @click="sure">确定</van-button>
		</div>

		<!-- 遮罩层 -->
		<v-mask :showOverLay="showOverLay" :tipMsg="tipMsg"></v-mask>
	</div>
</template>

<script>
import headNav from "@/components/headNav.vue";
import { downloadPDF } from "@/utils/htmlToPDF.js";
import mask_overLay from "@/components/overLay_xy.vue";
import { get, post, postImg, imgBaseUrl } from "@/utils/http.js";

export default {
	name: "checkRecord",
	components: {
		headNav,
		"v-mask": mask_overLay,
	},
	data() {
		return {
			checkForm: "1",
			isImportant: "1",
			showOverLay: false,
			tipMsg: "加载中",
			topInfo: "",
			questionList: "",
			companyInfo: "",
			year: "",
			month: "",
			day: "",
			hour: "",
			imgSrc: "",
			showImg: "",
			showIcon: "",
			checkBox1: false,
			checkBox2: false,
			checkBox3: false,
			checkBox4: false,
			radioGroup1: "",
			pdfDataOld: [],
			pdfDataNew: "",
			pdfDataQes: "",
			fileNum: "",
			arr1: [],
			arr2: [],
			arr3: [],
			arr4: [],
			arr5: [],
			arr6: [],
			arr7: [],
			arr8: [],
			arr9: [],
			arr10: [],
			formData: {}
		};
	},
    computed: {
        dailyId() {
            return this.$route.params.currentID
        },
    },
	mounted() {
		this.init();
	},
	methods: {
		// 初始化
		async init() {
			// this.showOverLay = true;
			this.$http.get(`/v2/api/enforce-job/${this.dailyId}`).then(res => {
                if (res && res.data && res.data.check_nodes) {
					const obj = res.data
					const users = []
					if (obj.executors) {
						obj.executors.map(item => {
							users.push(item.user_name)
						})
						obj.executorNames = users.join(', ')
					}
					const date = new Date(obj.start_time)
					this.year = date.getFullYear()
					this.month = date.getMonth()
					this.day = date.getDay()
					this.hour = date.getHours()
					this.formData = res.data
					this.fileNum = res.data.job_no
                }
            })

			/*
			this.topInfo = await this.getDetailInfoApi();
			let res_img = await this.getPdfImgApi(this.topInfo.taskId);
			if (res_img.data === null) {
				this.showIcon = "";
				this.showImg = false;
				// this.questionList = await this.getMainListApi(this.topInfo.taskId);
				this.companyInfo = await this.getCompanyInfoApi(
					this.topInfo.byCheckId
				);

				this.fileNum = await this.getFileNumApi();

				let pdfData = await this.getPdfDataApi(this.topInfo.taskId);

				this.showOverLay = false;

				this.pdfDataOld = pdfData.oldAnswer;
				this.pdfDataNew = pdfData.newAnswer;
				this.pdfDataQes = pdfData.newProblem;

				let arr = JSON.parse(JSON.stringify(this.pdfDataOld));

				arr.map((item, index) => {
					item.title = pdfData.oldQuestionNames[index];
				});

				this.arr1 = arr.slice(3, 13);
				this.arr2 = arr.slice(13, 20);
				this.arr3 = arr.slice(20, 26);
				this.arr4 = arr.slice(26, 30);
				this.arr5 = arr.slice(30, 35);
				this.arr6 = arr.slice(35, 44);
				this.arr7 = arr.slice(44, 45);
				this.arr8 = arr.slice(45, 46);
				this.arr9 = arr.slice(46, 51);
				this.arr10 = arr.slice(51, 56);

				let _time = this.topInfo.createdTime;
				let date = "";
				let time = "";
				_time = _time.split(" ");
				date = _time[0].split("-");
				time = _time[1].split(":");
				this.year = date[0];
				this.month = date[1];
				this.day = date[2];
				this.hour = time[0];
			} else {
				this.showOverLay = false;
				this.showImg = true;
				this.imgSrc = imgBaseUrl + res_img.data;
				this.showIcon = "certificate";
			}
			*/
		},

		// 获取图片Api
		getPdfImgApi(id) {
			return get(`/supervision/getCheckLogPic/${id}`);
		},

		// 获取任务详情信息
		async getDetailInfoApi() {
			const res = await get(
				`/cdsupervisionTask/get/${this.$route.params.currentID}`
			);
			if (res.success === true) {
				return res.data;
			}
		},

		// 获取pdf答案
		async getPdfDataApi(id) {
			const res = await get(`/applet/getPdfData/${id}`);
			if (res.success === true) {
				return res.data;
			}
		},

		// 获取单位信息
		async getCompanyInfoApi(id) {
			const res = await get(`/cdSuperObjE/get/${id}`);
			if (res.success === true) {
				return res.data;
			}
		},

		// 获取编号
		async getFileNumApi() {
			const res = await get(`/applet/getPdfCode`);
			if (res.success === true) {
				return res.data;
			}
		},

		// 解析radio的字符串为数组
		getRadioGroup(str) {
			return str.split(",");
		},

		// 后退一页
		backPage() {
			this.$router.go(-1);
		},

		// 跳转检查结果
		rightClick() {
			this.$router.push(
				`/checkResult/${this.topInfo.taskId}/${this.$route.params.currentID}`
			);
		},

		// base64转blob
		dataURItoBlob(base64Data) {
			var byteString;

			if (base64Data.split(",")[0].indexOf("base64") >= 0)
				byteString = atob(base64Data.split(",")[1]);
			else byteString = unescape(base64Data.split(",")[1]);

			var mimeString = base64Data
				.split(",")[0]
				.split(":")[1]
				.split(";")[0];

			var ia = new Uint8Array(byteString.length);

			for (var i = 0; i < byteString.length; i++) {
				ia[i] = byteString.charCodeAt(i);
			}

			return new Blob([ia], {
				type: mimeString,
			});
		},

		// 确定
		async sure() {
			this.showOverLay = true;
			this.tipMsg = "生成pdf中";
			let subData = "";

			subData = await downloadPDF(
				document.querySelector("#file"),
				"消防监督检查记录"
			);

			var blob = this.dataURItoBlob(subData.turnImgData); // 上一步中的函数

			var canvas = document.createElement("canvas");
			var dataURL = canvas.toDataURL("image/jpeg", 0.5);
			var fd = new FormData(document.forms[0]);
			fd.append("file", blob, "pdf.png");

			this.tipMsg = "上传pdf中";

			let res = await postImg("/upload/moreUploadImg", fd);

			let imgSrc = "";
			if (res.success === true) {
				imgSrc = res.data;
			}

			postImg("/upload/moreUploadImg", subData.pdfFile).then((res) => {
				if (res.success === true) {
					post("/supervision/addCheckLogPic", {
						checkLogPic: imgSrc,
						taskId: this.topInfo.taskId,
					}).then((res) => {
						this.showOverLay = false;
						if (res.success === true) {
							this.$router.push(
								`/checkResult/${this.topInfo.taskId}/${this.$route.params.currentID}`
							);
						} else {
							this.$toast.fail("上传失败");
						}
					});
				} else {
					this.$toast.fail("上传失败");
				}
			});
		},
	},
};
</script>

<style lang="scss" scoped>
.checkRecord {
	font-size: 14px;

	.pdfImg {
		margin-top: 47px;
	}

	.ml5 {
		margin-left: 5px;
	}

	.scale8 {
		transform: scale(0.8);
	}

	.scale9 {
		transform: scale(0.9);
	}

	.item {
	}

	.itemFlex1 {
		flex: 1;
	}

	.itemFlex2 {
		flex: 2;
	}

	.underLine {
		flex: 1;
		height: 15px;
		border-bottom: 1px solid #a0a0a2;
	}

	.underLine_ {
		border-bottom: 1px solid #a0a0a2;
		padding: 0 4px;
	}

	.file {
		margin-top: 60px;
		background-color: #fff;
		font-family: arial;

		color: #585858;
		font-size: 10px;

		.title {
			padding-top: 30px;
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			letter-spacing: 2px;

			.title_top {
				font-size: 1px;
				margin-bottom: 10px;
			}

			.title_bottom {
				font-size: 14px;
				font-weight: bold;
			}
		}

		.number {
			font-size: 12px;
			display: flex;
			justify-content: flex-end;
			margin: 10px 26px 10px 0;
		}

		.file_top {
			margin-top: -40px;
		}

		.isImportant {
			margin: 20px 0;
			display: flex;
		}

		.tips {
			margin: 80px 0;
		}
	}

	.btn {
		margin-top: 15px;
		display: flex;
		justify-content: space-around;

		button {
			flex: 1;
			margin: 5px 25px;
			height: 40px;
		}
	}

	.table {
		margin-top: -120px;

		.flexEnd {
			align-items: flex-end !important;
		}

		table {
			border: none;
			border-bottom: 1px solid;
			// border-collapse: collapse
		}

		.processName {
			width: 30px;
			font-size: 13px;
			text-align: center;
			color: #4d4d4d;
		}

		.sonProcessContent {
			padding: 0px 0px 20px 0px;

			.sonProcessItem {
				display: flex;
				align-items: flex-start;
				justify-content: flex-start;
				flex-wrap: wrap;

				.tableInput {
					border: none;
					border-bottom: 1px solid #a0a0a2;
				}

				.left {
					display: flex;
					margin-top: 2px;
				}

				.explain {
					textarea {
						border: none;
						width: 100%;
						resize: none;
						padding: 0;
					}
				}

				.sonProcessName {
					font-weight: bold;
					font-size: 12px;
					transform: scale(0.9);
					margin-left: -5px;
					// margin-top: 2px;
				}

				.right {
					display: flex;
					flex-wrap: wrap;
					margin-left: 10px;
					flex: 2;
					margin-top: -1px;

					.right_title {
					}

					.right_content {
						padding-left: 8px;
						height: 15px;
						display: flex;
						align-items: flex-end;
					}
				}

				.pabsolute {
					position: absolute;
					right: 15px;
					top: 15px;
				}
			}

			.sonProcessSpec {
				flex-wrap: nowrap;
				position: relative;
			}
		}

		th {
			border: 1px solid;
			padding: 4px 5px;
			border-bottom: none;
			border-right: none;

			&:last-child {
				border-right: 1px solid;
			}
		}

		td {
			border: 1px solid;
			padding: 4px 5px;
			border-bottom: none;
			border-right: none;

			&:last-child {
				border-right: 1px solid;
			}
		}

		.tableNewList_item {
			display: flex;
			justify-content: space-between;
		}
	}
}
</style>

<style lang="scss">
.checkRecord {
	.specCheckBox {
		display: inline-block;
		position: relative;

		.specCheckBox_div {
			position: absolute;
			font-weight: normal;
			width: 130px;
			top: -14px;
			left: 20px;
		}
	}

	.van-radio-group {
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.van-radio__icon--checked .van-icon {
		background-color: transparent;
		border: none;
		color: #000;
		// font-size: 14px;
	}

	.van-radio__label {
		color: #585858;
	}

	.van-radio__icon.van-radio__icon--square {
		border: 1px solid #383838;
		width: 10px;
		height: 10px;
		margin-bottom: 2px;
	}

	.van-radio__icon.van-radio__icon--square.van-radio__icon--checked {
		border: 1px solid transparent;
		margin-left: -3px;
	}

	.van-icon.van-icon-success {
		border: none;
	}

	.van-field__control {
		border-bottom: 1px solid #757575;
		width: 100%;
	}

	.van-cell.van-field {
		padding: 5px 5px;
	}

	.van-radio__icon--disabled .van-icon {
		background-color: transparent;
	}

	.van-radio__label.van-radio__label--disabled {
		margin-left: 4px;
		color: #7f7f7f;
	}

	.van-checkbox {
		align-items: flex-start;

		.van-checkbox__icon.van-checkbox__icon--square {
			width: 12px;
			height: 12px;
		}

		.van-checkbox__icon.van-checkbox__icon--square.van-checkbox__icon--checked {
			// margin-top: 5px;

			.van-icon.van-icon-success {
				margin-top: 5px;
				width: 12px;
				height: 12px;
				font-size: 12px;
				background-color: transparent;
				color: #323233;
				border: none;
			}
		}

		.van-icon.van-icon-success {
			margin-top: 5px;
			width: 12px;
			height: 12px;
			font-size: 12px;
			border: 1px solid #323243;
		}
	}
}
</style>
