<!DOCTYPE html>
<html style="font-size: 100px !important;">

<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">
    <title>工程质量检测监管平台</title>
    <link rel="stylesheet" href="../static/iconfont/iconfont.css">
    <link rel="stylesheet" href="../static/plugin/layui/css/layui.css">
    <link rel="stylesheet" href="../static/plugin/element/element.css">
    <link rel="stylesheet" href="../static/css/dist/public.css">
    <link rel="stylesheet" href="../static/css/dist/gczljc.css">
    <script src="../static/js/jquery-3.0.0.min.js"></script>
    <script src="../static/plugin/vue/vue.js?v=1.0"></script>
    <script src="../static/plugin/element/element.js?v=2.15.9"></script>
    <script src="../static/plugin/layui/layui.js"></script>
    <script src="../static/js/md5.js"></script>
    <script src="../static/js/util.js?v=1.0.1"></script>
</head>
<script>
</script>
<body>
    <div id="app" class="container">
        <div class="header">
            <div class="date" id="date">2000年01月01日 <span>090:00:00</span></div>
            <div class="title">工程质量检测监管平台</div>
        </div>
        <div class="maincon">
            <div class="left-item">
                <div class="card card1">
                    <div class="head"><div><p>检测汇总</p></div></div>
                    <div class="main">
                        <div class="main1">
                            <div class="item item1" @click="qyzzpopup(-1)">
                                <div>
                                    <div>检测机构（家）</div>
                                    <div class="number yellow">{{testSummary.unit_count || 0}}</div>
                                </div>
                            </div>
                            <div class="item item2" @click="jcrypopup(-1)">
                                <div>
                                    <div>检测人员（人）</div>
                                    <div class="number cyan">{{testSummary.person_count || 0}}</div>
                                </div>
                            </div>
                            <div class="item item3" @click="jcsbpopup(-1)">
                                <div>
                                    <div>检测设备（台）</div>
                                    <div class="number blue">{{testSummary.equ_count || 0}}</div>
                                </div>
                            </div>
                        </div>
                        <div class="main2">
                            <div class="item item1">
                                <div class="litems">
                                    <div class="cir cir1"><img src="../static/images/gczljc/icon_shiliu.png" alt="#"></div>
                                    <div class="cir cir2"><img src="../static/images/gczljc/icon_shiqi.png" alt="#"></div>
                                    <div class="cir cir3"><img src="../static/images/gczljc/icon_shiba.png" alt="#"></div>
                                    <div class="name">委托</div>
                                </div>
                                <div class="ritems">
                                    <div class="ritem">
                                        <div class="name">累计<p><span>/</span>次</p></div>
                                        <div class="number">{{testSummary.wt_count || 0}}</div>
                                    </div>
                                    <div class="ritem">
                                        <div class="name">今日<p><span>/</span>次</p></div>
                                        <div class="number green">{{testSummary.today_wt_count || 0}}</div>
                                    </div>
                                    <div class="ritem">
                                        <div class="name">本月<p><span>/</span>次</p></div>
                                        <div class="number blue">{{testSummary.month_wt_count || 0}}</div>
                                    </div>
                                </div>
                            </div>
                            <div class="item item1">
                                <div class="litems">
                                    <div class="cir cir1"><img src="../static/images/gczljc/icon_shiliu.png" alt="#"></div>
                                    <div class="cir cir2"><img src="../static/images/gczljc/icon_shiqi.png" alt="#"></div>
                                    <div class="cir cir3"><img src="../static/images/gczljc/icon_shiba.png" alt="#"></div>
                                    <div class="name">检测</div>
                                </div>
                                <div class="ritems">
                                    <div class="ritem">
                                        <div class="name">累计<p><span>/</span>次</p></div>
                                        <div class="number">{{testSummary.test_count || 0}}</div>
                                    </div>
                                    <div class="ritem">
                                        <div class="name">今日<p><span>/</span>次</p></div>
                                        <div class="number green">{{testSummary.today_test_count || 0}}</div>
                                    </div>
                                    <div class="ritem">
                                        <div class="name">本月<p><span>/</span>次</p></div>
                                        <div class="number blue">{{testSummary.month_test_count || 0}}</div>
                                    </div>
                                </div>
                            </div>
                            <div class="item item1">
                                <div class="litems">
                                    <div class="cir cir1"><img src="../static/images/gczljc/icon_shiliu.png" alt="#"></div>
                                    <div class="cir cir2"><img src="../static/images/gczljc/icon_shiqi.png" alt="#"></div>
                                    <div class="cir cir3"><img src="../static/images/gczljc/icon_shiba.png" alt="#"></div>
                                    <div class="name">报告</div>
                                </div>
                                <div class="ritems">
                                    <div class="ritem">
                                        <div class="name">累计<p><span>/</span>份</p></div>
                                        <div class="number">{{testSummary.report_count || 0}}</div>
                                    </div>
                                    <div class="ritem">
                                        <div class="name">今日<p><span>/</span>份</p></div>
                                        <div class="number green">{{testSummary.today_report_count || 0}}</div>
                                    </div>
                                    <div class="ritem">
                                        <div class="name">本月<p><span>/</span>份</p></div>
                                        <div class="number blue">{{testSummary.month_report_count || 0}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="center-item map" id="map"></div>
            <div class="bottom-item">
                <div class="card card1">
                    <div class="head"><div><p>企业资质</p></div></div>
                    <div class="main">
                        <div class="list list1">
                            <div class="list-head">
                                <div class="item1">等级</div>
                                <div class="item2">公路</div>
                                <div class="item3">水运</div>
                            </div>
                            <div class="list-main">
                                <div class="flex-item">
                                    <div class="item1">甲级</div>
                                    <div class="item2 hover" @click="qyzzpopup(0)">{{unitCert.cert_info0 || 0}}</div>
                                    <div class="item3 hover" @click="qyzzpopup(3)">{{unitCert.cert_info3 || 0}}</div>
                                </div>
                                <div class="flex-item">
                                    <div class="item1">乙级</div>
                                    <div class="item2 hover" @click="qyzzpopup(1)">{{unitCert.cert_info1 || 0}}</div>
                                    <div class="item3 hover" @click="qyzzpopup(4)">{{unitCert.cert_info4 || 0}}</div>
                                </div>
                                <div class="flex-item">
                                    <div class="item1">丙级</div>
                                    <div class="item2 hover" @click="qyzzpopup(2)">{{unitCert.cert_info2 || 0}}</div>
                                    <div class="item3 hover" @click="qyzzpopup(5)">{{unitCert.cert_info5 || 0}}</div>
                                </div>
                            </div>
                        </div>
                        <div class="list list2">
                            <div class="list-head">
                                <div class="item4">工地试验室</div>
                            </div>
                            <div class="list-main">
                                <div class="flex-item">
                                    <div class="item4 hover" @click="qyzzpopup(-1)">{{unitCert.sitelib_count || 0}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card card2">
                    <div class="head"><div><p>异常信息</p></div></div>
                    <div class="main list" id="unusualInfo">
                        <div class="list-head">
                            <div class="item1">检测单位</div>
                            <div class="item2">工程名称</div>
                            <div class="item3">检测项目</div>
                            <div class="item4">异常总数</div>
                        </div>
                        <div class="list-main" v-if="unusualInfo && unusualInfo.length > 0">
                            <div class="flex-item hover" v-for="item in unusualInfo" @click="ycxxpopup(item.customer_id, item.project_id, item.jc_kind)">
                                <div class="item1">{{item.customer_name}}</div>
                                <div class="item2">{{item.project_name}}</div>
                                <div class="item3">{{item.jc_item}}</div>
                                <div class="item4">{{item.unusual_count}}</div>
                            </div>
                        </div>
                        <div class="list-main" v-else>
                            <el-empty description="暂无数据"></el-empty>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right-item">
                <div class="card card1">
                    <div class="head"><div><p>物联数据</p></div></div>
                    <div class="main">
                        <div class="item item1" @click="toPage('./htjc.html')">
                            <div class="number">{{IoT.ht_count || 0}}</div>
                            <div class="name">回弹</div>
                        </div>
                        <div class="item item2" @click="toPage('./gjjc.html')">
                            <div class="number">{{IoT.bhc_count || 0}}</div>
                            <div class="name">保护层</div>
                        </div>
                    </div>
                </div>
                <div class="card card2">
                    <div class="head"><div><p>工程数据</p></div></div>
                    <div class="main list" id="projectData">
                        <div class="list-head">
                            <div class="item1">工程名称</div>
                            <div class="item2">检测项目</div>
                            <div class="item3">报告总数</div>
                            <div class="item4">异常数</div>
                        </div>
                        <div class="list-main" v-if="projectData && projectData.length > 0">
                            <div class="flex-item hover" v-for="item in projectData">
                                <div class="item1">{{item.project_name}}</div>
                                <div class="item2">{{item.jc_item_count}}</div>
                                <div class="item3">{{item.report_count}}</div>
                                <div class="item4">{{item.unusual_count}}</div>
                            </div>
                        </div>
                        <div class="list-main" v-else>
                            <el-empty description="暂无数据"></el-empty>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="popup-info" class="popup-info hidden">
            <div class="search-item" v-if="popType == 1">
                <div class="item">
                    <div class="name">性别</div>
                    <el-select class="input select" v-model="ryParam.sex" placeholder="请选择">
                        <el-option
                          v-for="item in ryParam.sexData"
                          :key="item.id"
                          :label="item.title"
                          :value="item.id">
                        </el-option>
                      </el-select>
                </div>
                <div class="item">
                    <div class="name">所属单位</div>
                    <input v-model="ryParam.customer_name" type="text" class="input" placeholder="请输入企业名称"></input>
                </div>
                <div class="item">
                    <div class="name">人员姓名</div>
                    <input v-model="ryParam.op_name" type="text" class="input" placeholder="请输入人员姓名"></input>
                </div>
                <button class="search" @click="search()">查询</button>
            </div>
            <div class="search-item" v-if="popType == 2">
                <div class="item">
                    <div class="name">资质类型</div>
                    <el-select class="input select" v-model="zzParam.certificate_kind" placeholder="请选择">
                        <el-option
                          v-for="item in zzParam.certificateData"
                          :key="item.id"
                          :label="item.title"
                          :value="item.id">
                        </el-option>
                      </el-select>
                </div>
                <div class="item">
                    <div class="name">企业名称</div>
                    <input v-model="zzParam.customer_name" type="text" class="input" placeholder="请输入企业名称"></input>
                </div>
                <div class="item">
                    <div class="name">资质编号</div>
                    <input v-model="zzParam.certificate_no" type="text" class="input" placeholder="请输入资质编号"></input>
                </div>
                <button class="search" @click="search()">查询</button>
            </div>
            <div class="search-item" v-if="popType == 3">
                <div class="item">
                    <div class="name">状态</div>
                    <el-select class="input select" v-model="sbParam.status" placeholder="请选择">
                        <el-option
                          v-for="item in sbParam.statusData"
                          :key="item.id"
                          :label="item.title"
                          :value="item.id">
                        </el-option>
                      </el-select>
                </div>
                <div class="item">
                    <div class="name">所属单位</div>
                    <input v-model="sbParam.customer_name" type="text" class="input" placeholder="请输入企业名称"></input>
                </div>
                <div class="item">
                    <div class="name">设备编号</div>
                    <input v-model="sbParam.equ_no" type="text" class="input" placeholder="请输入设备编号"></input>
                </div>
                <div class="item">
                    <div class="name">设备名称</div>
                    <input v-model="sbParam.equ_name" type="text" class="input" placeholder="请输入设备名称"></input>
                </div>
                <button class="search" @click="search()">查询</button>
            </div>
            <div class="search-item" v-if="popType == 4">
                <div class="item">
                    <div class="name">异常类型</div>
                    <el-select class="input select" v-model="ycParam.unusual_type" placeholder="请选择">
                        <el-option
                          v-for="item in ycParam.unusual_typeData"
                          :key="item.id"
                          :label="item.title"
                          :value="item.id">
                        </el-option>
                    </el-select>
                </div>
                <div class="item">
                    <div class="name">异常类型</div>
                    <el-date-picker  class="input date" 
                        value-format="yyyy-MM-dd"
                        v-model="ycParam.date"
                        type="daterange"
                        align="right"
                        unlink-panels
                        range-separator="至"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期"
                        :picker-options="pickerOptions">
                  </el-date-picker>
                </div>
                <button class="search" @click="search()">查询</button>
            </div>
            <div class="list-item">
                <div class="list-head ryitems" v-if="popType == 1">
                    <div class="item item1">所属单位</div>
                    <div class="item item2">头像</div>
                    <div class="item item3">姓名</div>
                    <div class="item item4">性别</div>
                    <div class="item item5">职称</div>
                    <div class="item item6">人员类型</div>
                    <div class="item item7">联系电话</div>
                </div>
                <div class="list-head zzitems" v-if="popType == 2">
                    <div class="item item1">单位名称</div>
                    <div class="item item2">资质编号</div>
                    <div class="item item3">资质详情</div>
                    <div class="item item4">签发时间</div>
                    <div class="item item5">有效时间</div>
                </div>
                <div class="list-head sbitems" v-if="popType == 3">
                    <div class="item item1">所属单位</div>
                    <div class="item item2">设备编号</div>
                    <div class="item item3">设备名称</div>
                    <div class="item item4">状态</div>
                    <div class="item item5">检定周期(月)</div>
                    <div class="item item6">检定日期</div>
                    <div class="item item7">有效期至</div>
                </div>
                <div class="list-head ycitems" v-if="popType == 4">
                    <div class="item item1">检测单位</div>
                    <div class="item item2">工程名称</div>
                    <div class="item item3">异常类型</div>
                    <div class="item item4">登记时间</div>
                    <div class="item item5">登记人</div>
                    <div class="item item6">异常状态</div>
                </div>
                <div class="list-main" v-if="data && data.length > 0">
                    <div v-if="popType == 1">
                        <div class="flex-item ryitems" v-for="item in data">
                            <div class="item item1">{{item.customer_name}}</div>
                            <div class="item item2"><img :src="item.op_avatar"></div>
                            <div class="item item3">{{item.op_name}}</div>
                            <div class="item item4">{{item.op_sex}}</div>
                            <div class="item item5">{{item.op_duty}}</div>
                            <div class="item item6">{{item.op_level}}</div>
                            <div class="item item7">{{item.op_mobile}}</div>
                        </div>
                    </div>
                    <div v-if="popType == 2">
                        <div class="flex-item zzitems" v-for="item in data">
                            <div class="item item1">{{item.customer_name}}</div>
                            <div class="item item2">{{item.certificate_no}}</div>
                            <div class="item item3">{{item.certificate_info}}</div>
                            <div class="item item4">{{item.begin_date}}</div>
                            <div class="item item5">{{item.end_date}}</div>
                        </div>
                    </div>
                    <div v-if="popType == 3">
                        <div class="flex-item sbitems" v-for="item in data">
                            <div class="item item1">{{item.customer_name}}</div>
                            <div class="item item2">{{item.equ_no}}</div>
                            <div class="item item3">{{item.equ_name}}</div>
                            <div class="item item4">{{item.status}}</div>
                            <div class="item item5">{{item.check_cycle}}</div>
                            <div class="item item6">{{item.inspect_begin_date}}</div>
                            <div class="item item7">{{item.inspect_end_date}}</div>
                        </div>
                    </div>
                    <div v-if="popType == 4">
                        <div class="flex-item ycitems" v-for="item in data">
                            <div class="item item1">{{item.customer_name}}</div>
                            <div class="item item2">{{item.project_name}}</div>
                            <div class="item item3">{{item.unusual_type_str}}</div>
                            <div class="item item4">{{item.unusual_time}}</div>
                            <div class="item item5">{{item.op_name}}</div>
                            <div class="item item6">{{item.unusual_status_str}}</div>
                        </div>
                    </div>
                </div>
                <div class="list-main" v-else>
                    <el-empty description="暂无数据"></el-empty>
                </div>
            </div>
            <div class="page-item">
                <el-pagination
                    @current-change="handleCurrentChange"
                    :current-page="pager.page"
                    :page-size="pager.limit"
                    layout="total, prev, pager, next, jumper"
                    :total="pager.totalcount">
                </el-pagination>
            </div>
        </div>
        <div class="bg-item shang-item"><img src="../static/images/gczljc/shang.png" alt="#"></div>
        <div class="bg-item xia-item"><img src="../static/images/gczljc/xia.png" alt="#"></div>
        <div class="bg-item zuo-item"><img src="../static/images/gczljc/zuo.png" alt="#"></div>
        <div class="bg-item you-item"><img src="../static/images/gczljc/you.png" alt="#"></div>
    </div>
</body>
<script src="../static/js/gczljc.js?v=1.0.1"></script>
<script type="text/javascript"
    src="https://webapi.amap.com/maps?v=1.4.15&key=fc00c5b70f67a8414344682f217d4b6e&plugin=AMap.MarkerClusterer,AMap.DistrictSearch"></script>