<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover">
		<title>高区安全“码”上查监管平台-特种作业报备</title>
		<script type="text/javascript" src="../sdk/includeHead.js"></script>
	</head>
	<body>
	<div id="app">
		<div class="wrapper" v-cloak>
			<!-- 商户头部信息 -->
			<div class="header" v-if="userType=='shop'">
				<van-search v-model="workTypeName" show-action placeholder="请输入特种作业类型" @search="onSearch">
					<template #action>
						<div @click="onSearch"></div>
					</template>
				</van-search>
			</div>
			<div class="header" v-if="userType!='shop'">
				<van-search v-model="merName" show-action placeholder="请输入商家名称关键字" @search="onSearch">
					<template #action>
						<div @click="onSearch"></div>
					</template>
				</van-search>
			</div>
			<!-- 功能 -->
			<button v-if="userType=='shop'" type="info" class="func_btn" @click="viewDetail"><span>+</span>特种作业报备</button>

			<div class="subNavWrapper">
				<van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList" :immediate-check="false">
					<van-cell v-for="item in hazardList" :key="item.id" @click="viewDetail(item)">
						<div style="width: 100%;position: relative;">
							<div class="reminder-badge" v-if="item.msgFlag">新</div>
							<div class="tab1-row1" v-if="userType!=='shop'">
							  <span>商家名称：{{ item.merName }}</span>
							</div>
							<div class="tab1-row1" v-if="userType=='shop'">
							  <span>特种作业类型：{{ item.workTypeName }}</span>
							</div>
							<div class="tab1-row1">
							  <span>作业时间开始：{{ item.startTime }}</span>
							</div>
							<div class="tab1-row1">
							  <span>作业时间结束：{{ item.endTime }}</span>
							</div>
							<div class="tab1-row1">
							  <span>作业公司：{{ item.companyName }}</span>
							</div>
												  
							  <div class="tab1-row1">
								<span>作业人员姓名：{{ item.workerName }}</span>
							  </div>
						</div>
					</van-cell>
				</van-list>
			</div>
			<!-- 新增悬浮按钮 -->
			<div class="float-read-btn" @click="markAllAsRead">
			  <span class="btn-text">全部</span>
			  <span class="btn-text">已读</span>
			</div>
		</div>
	</body>
</html>