yf_zd
/
yfwlwCut


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710
							{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <link href="{% static '/lib/bootstrap-3.3.7/css/bootstrap.css' %}" rel="stylesheet">
    <link rel="stylesheet" href="{% static '/lib/font-awesome/4.5.0/css/font-awesome.css' %}">
    <link rel="stylesheet" href="{% static '/lib/css/ace.min.css' %}" />
    <link rel="stylesheet" href="{% static '/lib/css/ace-skins.min.css' %}">
    <link rel="stylesheet" href="{% static '/lib/css/ace-rtl.min.css' %}">
    <link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
    <link rel="stylesheet" href="{% static '/lib/css/jquery-ui.css' %}" />
    <link rel="stylesheet" href="{% static '/css/loading.css' %}?versions=0.5.0" />

    <style type="text/css">
        body {
            overflow: hidden;
            background: #fff;
        }

        /* 返回 */

        .headerPlace {
            font-size: 22px;
            color: #418fbb;
            cursor: pointer;
        }

        .headerPlace img {
            vertical-align: middle;
            margin-right: 10px;
            margin-top: -4px;
        }

        /* 设备信息 */

        .userinfo .fa {
            font-size: 18px;
            color: #26b3ff;
            margin: 0px 5px;
        }

        .ui-slider .ui-slider-handle {
            width: 1.4em;
            height: 1.4em;
            border-radius: 50%;
        }

        .ui-slider {
            background: #fff;
        }

        .userinfoTitle {
            margin-right: 30px;
            font-size: 16px;
        }

        /* 右侧操作按钮 */

        .refresh {
            text-align: right;
        }

        .refresh button {
            padding: 2px 5px;
            border-radius: 5px;
        }

        /* 设备信息条 */

        .equipBorder {
            border: 1px solid #e8e8e8;
            box-shadow: 0px 0px 13px 0px #d9d9d9;
            margin: 10px 0;
            border-radius: 5px;
        }

        .equipInfo .equipItem {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .equipInfo .equipItem:after {
            position: absolute;
            content: "";
            right: 0;
            height: 30px;
            border-right: 1px solid #cdcdcd;
        }

        .haloParent {
            position: relative;
            width: 100px;
            height: 100px;
        }

        .equipInfo .txt {
            text-align: center;
            font-size: 16px;
        }

        .equipInfo .txt p {
            color: #b6b6b6;
            letter-spacing: 1px;
        }

        .halo {
            width: 100px;
            height: 100px;
            border-radius: 50%;
        }

        .solidCircle {
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -25px;
            margin-left: -25px;
            width: 50px;
            height: 50px;
            /* background: blue; */
            text-align: center;
            line-height: 50px;
            border-radius: 50%;
        }

        .halo1 {
            animation: anihalo1 2s 3s infinite;
        }

        .solidCircle1 {
            background: #ec6b6b;
        }

        @keyframes anihalo1 {
            0% {
                background: #f8b2b2;
                transform: scale(.3);
                opacity: 0
            }

            20% {
                background: #ec6b6b;
                transform: scale(.5);
                opacity: .5
            }

            100% {
                background: #ec6b6b;
                transform: scale(.8);
                opacity: 0
            }
        }

        .halo2 {
            animation: anihalo2 2s 3s infinite;
        }

        .solidCircle2 {
            background: #6baeec;
        }

        @keyframes anihalo2 {
            0% {
                background: #9ecaf3;
                transform: scale(.3);
                opacity: 0
            }

            20% {
                background: #6baeec;
                transform: scale(.5);
                opacity: .5
            }

            100% {
                background: #6baeec;
                transform: scale(.8);
                opacity: 0
            }
        }

        .halo3 {
            animation: anihalo3 2s 3s infinite;
        }

        .solidCircle3 {
            background: #f4bb0e;
        }

        @keyframes anihalo3 {
            0% {
                background: #fce49e;
                transform: scale(.3);
                opacity: 0
            }

            20% {
                background: #f4bb0e;
                transform: scale(.5);
                opacity: .5
            }

            100% {
                background: #f4bb0e;
                transform: scale(.8);
                opacity: 0
            }
        }

        .halo4 {
            animation: anihalo4 2s 3s infinite;
        }

        .solidCircle4 {
            background: #4ddc75;
        }

        @keyframes anihalo4 {
            0% {
                background: #9ee4b2;
                transform: scale(.3);
                opacity: 0
            }

            20% {
                background: #4ddc75;
                transform: scale(.5);
                opacity: .5
            }

            100% {
                background: #4ddc75;
                transform: scale(.8);
                opacity: 0
            }
        }

        .halo5 {
            animation: anihalo5 2s 3s infinite;
        }

        .solidCircle5 {
            background: #c279d4;
        }

        @keyframes anihalo5 {
            0% {
                background: #d5b4df;
                transform: scale(.3);
                opacity: 0
            }

            20% {
                background: #c279d4;
                transform: scale(.5);
                opacity: .5
            }

            100% {
                background: #c279d4;
                transform: scale(.8);
                opacity: 0
            }
        }

        .halo6 {
            animation: anihalo6 2s 3s infinite;
        }

        .solidCircle6 {
            background: #ff7e00;
        }

        @keyframes anihalo6 {
            0% {
                background: #f1caa2;
                transform: scale(.3);
                opacity: 0
            }

            20% {
                background: #ff7e00;
                transform: scale(.5);
                opacity: .5
            }

            100% {
                background: #ff7e00;
                transform: scale(.8);
                opacity: 0
            }
        }

        /* 设备内容 左图+右数据*/

        /* left */

        .paddingLeft {
            padding-right: 0;
            margin: 0 0 0 17px;
            width: 97%;
        }

        .equipImg {
            /* height: 408px; */
            /* height: 529px; */
            /* height: 600px; */
            height: 695px;
            /* margin: -112px 0 0 0; */
            /* background: #d9d9d9 url(./static/img/sexEquip2.png) no-repeat center; */
            background: #d9d9d9 url(./static/img/sugarEquip.jpg) no-repeat center;
            background-size: auto 100%;
        }

        /* right */

        .paddingRight {
            padding-left: 0;
        }

        /* .equipRightData { */
        /* display: flex;
      justify-content: space-around;
      align-items: center; */
        /* } */

        .equipRightData>div {
            text-align: center;
        }

        /* -----------svg环形图----------- */

        .chart {
            position: relative;
            display: inline-block;
            width: 120px;
            height: 120px;
            margin-top: 11px;
            margin-bottom: 11px;
            text-align: center;
        }

        .chart canvas {
            position: absolute;
            top: 0;
            left: 0;
        }

        .percent {
            display: block;
            line-height: 30px;
            z-index: 2;
            margin-top: 25%;
        }

        /* .percent:after {
    content: '';
    margin-left: 0.1em;
    font-size: .8em;
  } */

        .percent1 {
            display: block;
            line-height: 30px;
            z-index: 2;
        }

        /* -----------结束----------- */

        .equipPara {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 13px 0;
        }

        .equipPara>img {
            width: 57px;
        }

        .equipPara>div {
            min-width: 90px;
            line-height: 24px;
            font-size: 16px;
            padding-left: 20px;
        }

        .equipPara>div p:nth-child(2) {
            color: #b6b6b6;
        }

        /* 控制类 */

        input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
            content: "开\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a关";
        }

        .timeCtrl {
            width: 25%;
        }

        .ctrlTitle {
            border-left: 3px solid #26b3ff;
            padding-left: 10px;
            font-size: 16px;
            font-weight: 700;
            margin: 25px 0;
        }

        /* 滑块 */

        .SliderBox {
            display: flex;
            align-items: center;
            width: 100%;
        }

        .SliderBox span {
            width: 100px;
            text-align: center;
        }

        .collocateBtn {
            margin: 20px;
            text-align: right;
        }

        @media screen and (max-width: 990px) {
            .col-xs-12.paddingLeft {
                padding-right: 15px;
            }

            .col-xs-12.paddingRight {
                padding-left: 15px;
            }

            .equipImg {
                height: 284px;
            }
        }

        .layui-form-label {
            /* width: 80px;
      display: inline-block;
      float: inherit;*/
            padding: 10px 0;
        }

        /* 查看历史记录 */
        .intoBtn {
            margin-bottom: 20px;
            text-align: center;
        }

        .condition {
            /* width: 76%; */
            /* float: right; */
        }

        .conditionList {
            margin: 21px 0 0 0;
        }

        .recordBox {
            /* height: 388px; */
            height: 327px;
        }

        .ceshi {
            padding: 25px 0 0 25px;
        }

        /* 开关 */
        .backStyle {
            /* background: #fff; */
            /* box-shadow: 0 0 40px #eee; */
            /* padding: 32px 20px; */
        }

        .typeResult {
            font-size: 18px;
            line-height: 30px;
        }

        .tempTitel,
        .switchbox {
            display: inline-block;
            vertical-align: middle;
            margin: 0 0 0 75px;
        }

        .switchBj {
            width: 74px;
            height: 30px;
            background: #c8c8c8;
            border-radius: 20px;
            position: relative;
            cursor: pointer;
        }

        .switchBj:after {
            position: absolute;
            content: '关';
            left: 9px;
            line-height: 30px;
            color: #fff;
        }

        .switchBj:before {
            position: absolute;
            content: '开';
            left: 45px;
            line-height: 30px;
            color: #fff;
        }

        .switchBj span {
            display: inline-block;
            width: 26px;
            height: 26px;
            background: #fff;
            border-radius: 50%;
            box-shadow: 1px 1px 4px #515151;
            position: absolute;
            left: 45px;
            top: 2px;
        }

        #coldSw {
            display: none;
        }

        .sendfileBox {
            display: flex;
            margin: 12.3px 0 0 0;
        }

        .ctrlTitleA {
            /* font-size: 18px; */
            text-align: right;
            width: 225px;
            height: 43.5px;
            line-height: 43.5px;
        }

        .ctrlTitleB {
            width: 110px;
        }

        /* 记录调试 */
        .recordBoxA {
            margin: 0;
            width: 100%;
        }

        .debuggingBox {
            display: flex;
            /* justify-content: space-around; */
            margin: 0 0 0 62px;
        }

        .debuggingBoxA {
            display: flex;
            justify-content: space-around;
            margin: 0 55px 0 55px;
        }

        .btnOff {
            /* padding: 8px 20px 8px 20px; */
            padding: 5px 45px 5px 45px;
        }

        .btn-historyData {
            margin-left: 16px;
        }

        /* 确定取消按钮 */
        .clearfixA {
            width: 64%;
        }

        /* 环境温湿度 */
        .ahatBox {
            height: 210px;
        }

        .ceshiBoxData {
            margin: 45px 0 0 0;
        }
    </style>

</head>

<body>
    <div class="content">
        <div class="page-header">
            <span class="headerPlace" onclick="back()">
                <img src="{% static '/img/gobackIcon.png' %}" alt="">返回
            </span>

        </div>
        <div class="userinfocover">
            <div class="row ">
                <div class="col-xs-12 col-sm-8 userinfo">
                    <i class="fa fa-user-o" aria-hidden="true"></i>
                    设备ID：
                    <span class="userinfoTitle" id="equip_id"></span>
                    设备名称：
                    <span class="userinfoTitle" id="equip_name"></span>
                    上报时间：
                    <span class="userinfoTitle" id="upl_time"></span>
                    信号：
                    <span class="userinfoTitle" id="csq"></span>
                    位置：
                    <span class="userinfoTitle" id="curr_area"></span>
                </div>
                <div class="col-xs-12 col-sm-4 refresh">
                    <button class="btn  btn-sm btn-info" onclick='sendexamineSIM()'>
                        <i class="ace-icon fa fa-search  align-top bigger-125 icon-on-right"></i>
                        SIM卡查询
                    </button>
                    <!-- <button type="button" class="btn btn-sm btn-success" onclick="reloadPage()">刷新</button> -->
                    <!-- <button type="button" class="btn btn-sm btn-primary" id="debugBtn" onclick="debugFun()">调试</button> -->
                    {% if role == "superuser" or role == "staff" %}
                    <button type="button" class="btn btn-sm btn-primary" id="operationBtn"
                        onclick="operation()">操作</button>
                    {% endif %}
                </div>
            </div>
            <!-- 用户调试权限 -->
            <!-- <div id="debugHandleBtns" style="display:none">
                <div style="padding: 20px; background-color: #F2F2F2;" id="">
                    <div class="layui-row layui-col-space15">
                        <div class="layui-col-md12">
                            <div class="layui-card">
                                <div class="layui-card-body">
                                    <div style="margin-bottom: 10px;">
                                        <button type="button" class="btn btn-sm btn-danger"
                                            onclick="popupFrame('开启设备',7)">开启</button>
                                        <button type="button" class="btn btn-sm btn-danger"
                                            onclick="popupFrame('关闭设备',8)">关闭</button>
                                        <button type="button" class="btn btn-sm btn-danger"
                                            onclick="popupFrame('重启',1)">重启</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- 管理员操作权限 -->
            <div id="handleBtns" style="display:none">
                <div style="padding: 20px; background-color: #F2F2F2;" id="">
                    <div class="layui-row layui-col-space15">
                        <div class="layui-col-md12">
                            <div class="layui-card">
                                <!-- <div class="layui-card-header">强制操作</div> -->
                                <div class="layui-card-body">
                                    <div style="margin-bottom: 10px;">
                                        <button type="button" class="btn btn-sm btn-danger"
                                            onclick="popupFrame('重启',1)">重启</button>
                                        <button type="button" class="btn btn-sm btn-danger"
                                            onclick="popupFrame('升级',2)">升级</button>
                                        <button type="button" class="btn btn-sm btn-danger"
                                            onclick="popupFrame('拍照',4)">拍照</button>
                                    </div>
                                    <div>
                                        <button type="button" class="btn btn-sm btn-danger"
                                            onclick="popupFrame('禁用',9)">禁用</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- 设备图 -->
                <div class=" col-xs-12 col-md-4">
                    <div class="equipBorder equipImg"></div>
                </div>
                <!-- 状态 -->
                <div class="col-xs-8 col-md-8">
                    <div class="equipBorder">
                        <div class="row equipInfo">
                            <div class="col-xs-6 col-md-4 col-lg-4 conditionList">
                                <div class="equipItem">
                                    <div class="haloParent">
                                        <div class="halo halo1"></div>
                                        <div class="solidCircle solidCircle1">
                                            <img class="haloIcon" src="{% static '/img/sex_trap/sexStatus1.png' %}"
                                                alt="">
                                        </div>
                                    </div>
                                    <div class="txt">
                                        <span class="typeResult" id="equip_ds">开</span>
                                        <p class="typeResult">设备类型</p>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xs-6 col-md-4 col-lg-4 conditionList">
                                <div class="equipItem">
                                    <div class="haloParent">
                                        <div class="halo halo6"></div>
                                        <div class="solidCircle solidCircle6">
                                            <!-- <img class="haloIcon" src="{% static '/img/status/sexStatus7.png' %}" -->
                                            <img class="haloIcon" src="{% static '/img/sex_trap/sexStatus7.png' %}"
                                                alt="">
                                        </div>
                                    </div>
                                    <div class="txt">
                                        <span class="typeResult" id="equip_bs">正常</span>
                                        <p class="typeResult">电池状态</p>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xs-6 col-md-4 col-lg-4 conditionList">
                                <div class="equipItem">
                                    <div class="haloParent">
                                        <div class="halo halo5"></div>
                                        <div class="solidCircle solidCircle5">
                                            <!-- <img class="haloIcon" src="{% static '/img/haloIcon4.png' %}" alt=""> -->
                                            <img class="haloIcon" src="{% static '/img/haloIcon4.png' %}" alt="">
                                        </div>
                                    </div>
                                    <div class="txt">
                                        <span class="typeResult" id="equip_dver">正常</span>
                                        <p class="typeResult">软件版本</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xs-8 col-md-4">
                    <div class="equipBorder ahatBox">
                        <div class="row equipInfo ceshi">
                            <div class="col-xs-6 col-md-4">
                                <span class="chart chart2" data-percent="">
                                    <span class="percent">3</span>
                                    <span class="percent1">电压(V)</span>
                                </span>
                            </div>

                            <div class="col-xs-6 col-md-4">
                                <span class="chart chart3" data-percent="">
                                    <span class="percent">3</span>
                                    <span class="percent1">环境温度(°C)</span>
                                </span>
                            </div>

                            <div class="col-xs-6 col-md-4">
                                <span class="chart chart4" data-percent="">
                                    <span class="percent">3</span>
                                    <span class="percent1">环境湿度(RH)</span>
                                </span>
                            </div>
                        </div>
                    </div>

                    <!-- 调试和记录 -->
                    <div class="col-xs-12 col-sm-2  paddingLeft paddingRight recordBoxA">
                        <div class="equipBorder recordBox">
                            <div style="padding:10px 15px;min-height: 240px;">
                                <!-- 调试 -->
                                <div class="ctrlTitle">
                                    调试
                                </div>
                                <div class="debuggingBoxA">
                                    <div class="intoBtn">
                                        <button type="button" class="btn btn-white btn-primary btnOff"
                                            onclick="popupFrame('重启',1)">重启</button>
                                    </div>
                                    <div class="intoBtn">
                                        <button type="button" class="btn btn-white btn-primary btnOff"
                                            onclick="popupFrame('拍照',4)">拍照</button>
                                    </div>
                                    <div class="intoBtn">
                                        <button type="button" class="btn btn-white btn-primary btnOff"
                                            onclick="reloadPage()">刷新</button>
                                    </div>
                                </div>

                                <!-- 记录 -->
                                <div class="ctrlTitle">
                                    记录
                                </div>
                                <div class="debuggingBox">
                                    <div class="intoBtn">
                                        <button type="button" class="btn btn-white btn-primary"
                                            onclick="openNewPage(1)">查看历史图片</button>
                                    </div>
                                    <div class="intoBtn">
                                        <button type="button" class="btn btn-white btn-primary btn-historyData"
                                            onclick="openNewPage(2)">查看历史数据</button>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

                <!-- 控制区域 -->
                <div class="col-xs-12 col-md-4 paddingRight">

                    <div class="col-xs-12 col-sm-9 paddingLeft paddingRight">
                        <div style="text-align:right;position: absolute;right: 30px;top: 33px">
                            <button type="button" class="btn btn-sm btn-success"
                                onclick="dtlconfigurationSwitch()">获取最新配置</button>
                        </div>
                        <div class="equipBorder" style="display: flex;">
                            <div style="padding:10px 15px;min-height: 240px;">


                                <div class="ceshiBoxData">
                                    <!-- 数据上传时间间隔 -->
                                    <div class="sendfileBox">
                                        <div class="ctrlTitleA">
                                            数据上传时间间隔(分钟)
                                        </div>
                                        <div class="SliderBox">
                                            <span class="initVal">1</span>
                                            <div class="slider" id="dtlDropTime-slider"></div>
                                            <span class="sliderVal" id="dtlDropTime">1</span>
                                        </div>
                                    </div>

                                    <!-- 收集时间 -->
                                    <div class="sendfileBox">
                                        <div class="ctrlTitleA">
                                            收集时间(分钟)
                                        </div>
                                        <div class="SliderBox">
                                            <span class="initVal">1</span>
                                            <div class="slider" id="takePhotoTime-slider"></div>
                                            <span class="sliderVal" id="takePhotoTime">1</span>
                                        </div>
                                    </div>

                                    <div class="sendfileBox">
                                        <div class="ctrlTitleA">
                                            糖醋液挥发时间(分钟)
                                        </div>
                                        <div class="SliderBox">
                                            <span class="initVal">1</span>
                                            <div class="slider" id="sugarTime-slider"></div>
                                            <span class="sliderVal" id="sugarTime">1</span>
                                        </div>
                                    </div>

                                    <div class="sendfileBox">
                                        <div class="ctrlTitleA">
                                            加液排水轮询时间(天)
                                        </div>
                                        <div class="SliderBox">
                                            <span class="initVal">1</span>
                                            <div class="slider" id="waterTime-slider"></div>
                                            <span class="sliderVal" id="waterTime">1</span>
                                        </div>
                                    </div>

                                    <div class="sendfileBox">
                                        <div class="ctrlTitleA">
                                            水泵打开(秒)
                                        </div>
                                        <div class="SliderBox">
                                            <span class="initVal">1</span>
                                            <div class="slider" id="waterPumpTime-slider"></div>
                                            <span class="sliderVal" id="waterPumpTime">1</span>
                                        </div>
                                    </div>

                                    <div class="sendfileBox">
                                        <div class="ctrlTitleA">
                                            电磁阀打开(秒)
                                        </div>
                                        <div class="SliderBox">
                                            <span class="initVal">1</span>
                                            <div class="slider" id="solenoidTime-slider"></div>
                                            <span class="sliderVal" id="solenoidTime">1</span>
                                        </div>
                                    </div>

                                    <!-- 定时时间 -->
                                    <div class="sendfileBox">
                                        <div class="ctrlTitleA">
                                            定时工作时间
                                        </div>
                                        <div class="SliderBox">
                                            <form class="layui-form" action="" lay-filter="selectObj">
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">开始时间</label>
                                                    <div class="layui-input-block">
                                                        <select name="takePhotoTime" lay-verify="" lay-search>
                                                            <option value="0">0点</option>
                                                            <option value="1">1点</option>
                                                            <option value="2">2点</option>
                                                            <option value="3">3点</option>
                                                            <option value="4">4点</option>
                                                            <option value="5">5点</option>
                                                            <option value="6">6点</option>
                                                            <option value="7">7点</option>
                                                            <option value="8">8点</option>
                                                            <option value="9">9点</option>
                                                            <option value="10">10点</option>
                                                            <option value="11">11点</option>
                                                            <option value="12">12点</option>
                                                            <option value="13">13点</option>
                                                            <option value="14">14点</option>
                                                            <option value="15">15点</option>
                                                            <option value="16">16点</option>
                                                            <option value="17">17点</option>
                                                            <option value="18">18点</option>
                                                            <option value="19">19点</option>
                                                            <option value="20">20点</option>
                                                            <option value="21">21点</option>
                                                            <option value="22">22点</option>
                                                            <option value="23">23点</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">结束时间</label>
                                                    <div class="layui-input-block">
                                                        <select name="takePhotoInterval" lay-verify="" lay-search>
                                                            <!-- <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="6">6</option>
                                                        <option value="8">8</option>
                                                        <option value="12">12</option>
                                                        <option value="24">24</option> -->

                                                            <option value="0">0点</option>
                                                            <option value="1">1点</option>
                                                            <option value="2">2点</option>
                                                            <option value="3">3点</option>
                                                            <option value="4">4点</option>
                                                            <option value="5">5点</option>
                                                            <option value="6">6点</option>
                                                            <option value="7">7点</option>
                                                            <option value="8">8点</option>
                                                            <option value="9">9点</option>
                                                            <option value="10">10点</option>
                                                            <option value="11">11点</option>
                                                            <option value="12">12点</option>
                                                            <option value="13">13点</option>
                                                            <option value="14">14点</option>
                                                            <option value="15">15点</option>
                                                            <option value="16">16点</option>
                                                            <option value="17">17点</option>
                                                            <option value="18">18点</option>
                                                            <option value="19">19点</option>
                                                            <option value="20">20点</option>
                                                            <option value="21">21点</option>
                                                            <option value="22">22点</option>
                                                            <option value="23">23点</option>
                                                        </select>
                                                    </div>
                                                </div>


                                            </form>
                                        </div>
                                    </div>

                                    <div class="clearfixA">
                                        <div class="" style="text-align:right">
                                            <button class="btn btn-sm btn-info" onclick="confirmed()" type="button">
                                                确定
                                            </button>
                                            &nbsp; &nbsp; &nbsp;
                                            <button class="btn btn-sm" onclick="cancelConfig()" type="reset">
                                                取消
                                            </button>
                                        </div>
                                    </div>
                                </div>


                            </div>
                        </div>
                    </div>
                </div>


            </div>

        </div>

        <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
        <script src="{% static '/lib/bootstrap-3.3.7/js/bootstrap.js' %}"></script>
        <script src="{% static '/lib/layui/layui.all.js' %}"></script>
        <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=TcRPmrsiZUqdUBWoELrUArRkCRC36KMx"></script>
        <script src="{% static '/js/common.js' %}?versions=0.5.0"></script>
        <script src="{% static '/lib/js/jquery-ui.min.js' %}"></script>
        <script src="{% static '/lib/js/jquery.ui.touch-punch.min.js' %}"></script>
        <script src="{% static '/lib/js/coordOffset.js' %}"></script>
        <script src="{% static '/lib/js/jquery.easy-pie-chart.js' %}"></script>

        <script type="text/javascript">
            $.ajaxSetup({
                data: {
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                },
            });
            $(window).resize(function () {
                scrollBar()
            });

            // 调试
            function debugFun() {
                //页面层
                popupIndex = layer.open({
                    type: 1,
                    title: '调试',
                    offset: '100px',
                    shadeClose: true,
                    area: "300px",
                    content: $('#debugHandleBtns').html()
                });
            }
            //operation配置弹框
            function operation() {
                //页面层
                popupIndex = layer.open({
                    type: 1,
                    title: '控制',
                    offset: '100px',
                    shadeClose: true,
                    area: "300px",
                    content: $('#handleBtns').html()
                });
            }
            $(function () {
                currpage = getQueryString('currpage') || 1;
                equipName = getQueryString('equipName') || '';
                equipId = getQueryString('equipId') || '';
                id = getQueryString('id') || '';
                $('.chart2').easyPieChart({
                    barColor: '#5d9f2c',
                    lineWidth: 5,
                    size: 120,
                    // size: 95,
                    onStep: function (from, to, percent) {
                    }
                });
                $('.chart3').easyPieChart({
                    barColor: '#f4bb0e',
                    lineWidth: 5,
                    size: 120,
                    // size: 95,
                    onStep: function (from, to, percent) {
                    }
                });
                $('.chart4').easyPieChart({
                    barColor: '#6baeec',
                    lineWidth: 5,
                    size: 120,
                    // size: 95,
                    onStep: function (from, to, percent) {
                    }
                });
                scrollBar()
                getData()
            });

            // 获取详情数据
            // var datTime, turnTime, iccid; //数据上传，卷粘虫板
            var dtlDropTime, takePhotoTime, sugarTime, waterTime, waterPumpTime, solenoidTime, beginTime, endTime, imei, iccid, id;
            function getData() {
                $.ajax({
                    url: 'tccb_detail',
                    type: 'post',
                    data: {
                        id: id,
                    },
                    dataType: 'json',
                    success: function (data) {
                        // renderTable(processingData(data));
                        // renderPage(page,data)
                        renderHtml(data);
                        var status = eval('(' + data.status + ')');
                        var paramconf = eval('(' + data.paramconf + ')');
                        dtlDropTime = paramconf.datt;  //数据时间间隔
                        takePhotoTime = paramconf.collt; //收集时间
                        sugarTime = paramconf.htim; //糖醋液发挥时间
                        waterTime = paramconf.jp; //加液排水轮询时间
                        waterPumpTime = paramconf.pump_sec; //水泵打开
                        solenoidTime = paramconf.shake_sec; //电磁阀打开
                        beginTime = paramconf.st; //定时工作时间-开始时间
                        endTime = paramconf.et; //定时工作时间-结束时间
                        iccid = status.iccid;
                        imei = status.imei;
                    },
                    error: function (type) {
                        console.log(type);
                    }
                })
            }

            // 获取位置
            var geoc = new BMap.Geocoder();
            // 渲染界面
            function renderHtml(data) {
                // console.log(data.paramconf.ext)
                // console.log(JSON.parse(data.paramconf))
                var status = eval('(' + data.status + ')');

                $('#equip_id').html(id);
                $('#equip_name').html(data.equip_name || '--');
                $('#upl_time').html(data.upl_time);
                // $('#curr_area').html(id);
                $('#devNum').html(status.dev_num || '--');
                $('#csq').html(status.csq);
                $('#equip_ds').html(status.dtype == 3 ? '糖醋测报' : '');
                $('#equip_ws').html(status.ws ? '工作' : '待机');
                if (status.cs == 0) {
                    $('#equip_cs').html('正常');
                } else if (status.cs == 1) {
                    $('#equip_cs').html('光控');
                } else if (status.cs == 2) {
                    $('#equip_cs').html('充电');
                }
                if (status.bs != '') {
                    if (status.vbatstatus == 0) {
                        $('#equip_bs').html('正常');
                    } else if (status.vbatstatus == 1) {
                        $('#equip_bs').html('电量过低');
                    }
                } else {
                    $('#equip_bs').html('--');
                }
                $('#equip_cpuTmp').html((parseInt(status.cpu_tmp) / 1000).toFixed(2));
                $('#equip_dver').html(status.dver);
                if (status.at) {
                    var at = parseInt(status.at / 120 * 100); //环境温度  最大值120
                    $('.chart3').data('easyPieChart').update(at / 10);
                    $('.chart3').find('.percent').html(status.at / 10);
                } else {
                    $('.chart3').find('.percent').html('--');
                }
                if (status.ah) {
                    var ah = parseInt(status.ah / 99 * 100); //环境湿度  最大值99
                    $('.chart4').data('easyPieChart').update(ah / 10);
                    $('.chart4').find('.percent').html(status.ah / 10);
                } else {
                    $('.chart4').find('.percent').html('--');
                }
                $('.chart2').find('.percent').html(status.vbat);
               

                if (status.lng > 999) {
                    var lng = Math.floor(status.lng / 100) + ((status.lng % 100) / 60);
                    var lat = Math.floor(status.lat / 100) + ((status.lat % 100) / 60);
                } else {
                    var lng = Number(status.lng);
                    var lat = Number(status.lat);
                }

                var lng1 = wgs84togcj02(lng, lat);
                var lng2 = gcj02tobd09(lng1[0], lng1[1]);
                var pt = new BMap.Point(lng2[0], lng2[1]);
                geoc.getLocation(pt, function (rs) {
                    var addComp = rs.addressComponents;
                    $('#curr_area').html(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
                });

                //下发数据渲染
                // var BBB = JSON.stringify(data.paramconf)
                // var AAA = JSON.parse(BBB)
                // console.log(AAA)

                if (data.paramconf != null) {
                    var paramconf = eval("(" + data.paramconf + ")");
                    // var paramconf = JSON.parse(data.paramconf) //转换下发数据
                }
                $("#dtlDropTime-slider").slider('value', paramconf.datt); //数据上传时间间隔
                $('#dtlDropTime').html(paramconf.datt);
                $("#takePhotoTime-slider").slider('value', paramconf.collt); //收集时间
                $('#takePhotoTime').html(paramconf.collt);
                $("#sugarTime-slider").slider('value', paramconf.htim); //糖醋液挥发时间
                $('#sugarTime').html(paramconf.htim);
                $("#waterTime-slider").slider('value', paramconf.jp); //加液排水轮询时间
                $('#waterTime').html(paramconf.jp);
                $("#waterPumpTime-slider").slider('value', paramconf.pump_sec); //水泵时间
                $('#waterPumpTime').html(paramconf.pump_sec);
                $("#solenoidTime-slider").slider('value', paramconf.shake_sec); //电磁阀打开
                $('#solenoidTime').html(paramconf.shake_sec);

                layui.use('form', function () {
                    var form = layui.form;
                    //给表单赋值
                    form.val("selectObj", { // form标签 lay-filter="" 对应的值
                        "takePhotoTime": parseInt(paramconf.st) // "name": "value"
                        , "takePhotoInterval": parseInt(paramconf.et)
                    });
                });


            }

            function getQueryString(name) {
                let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                let url = window.location.href.split('?')[1].match(reg);
                // console.log(url)
                if (url != null) {
                    return decodeURI(url[2]) //decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。
                } else {
                    return null
                }
            }

            function back() {
                console.log(equipId)
                console.log(equipName)
                console.log(currpage)
                // var url = 'status_view?equipId=' + equipId + '&equipName=' + equipName + '&currpage=' + currpage;
                var url = 'tccb_view?equipId=' + equipId + '&equipName=' + equipName + '&currpage=' + currpage;
                location.href = url;
            }


            // 数据上传时间间隔
            $("#dtlDropTime-slider").css('width', '85%').slider({
                value: 1,
                range: "min",
                min: 5,
                max: 60,
                step: 1,
                slide: function (event, ui) {
                    var val = parseInt(ui.value);
                    $('#dtlDropTime').html(val);
                },
                stop: function (event, ui) {
                    dtlDropTime = ui.value
                }
            });
            // $( "#dtlDropTime-slider" ).slider( "disable" );
            // 收集时间
            $("#takePhotoTime-slider").css('width', '85%').slider({
                value: 1,
                range: "min",
                min: 1,
                max: 60,
                step: 1,
                slide: function (event, ui) {
                    var val = parseInt(ui.value);
                    $('#takePhotoTime').html(val);
                },
                stop: function (event, ui) {
                    takePhotoTime = ui.value
                }
            });

            //糖醋液挥发时间
            $("#sugarTime-slider").css('width', '85%').slider({
                value: 1,
                range: "min",
                min: 1,
                max: 60,
                step: 1,
                slide: function (event, ui) {
                    var val = parseInt(ui.value);
                    $('#sugarTime').html(val);
                },
                stop: function (event, ui) {
                    sugarTime = ui.value
                }
            });

            //加液排水轮询时间
            $("#waterTime-slider").css('width', '85%').slider({
                value: 1,
                range: "min",
                min: 1,
                max: 7,
                step: 1,
                slide: function (event, ui) {
                    var val = parseInt(ui.value);
                    $('#waterTime').html(val);
                },
                stop: function (event, ui) {
                    waterTime = ui.value
                }
            });

            //水泵时间
            $("#waterPumpTime-slider").css('width', '85%').slider({
                value: 10,
                range: "min",
                min: 10,
                max: 300,
                step: 10,
                slide: function (event, ui) {
                    var val = parseInt(ui.value);
                    $('#waterPumpTime').html(val);
                },
                stop: function (event, ui) {
                    waterPumpTime = ui.value
                }
            });

            //电磁阀打开
            $("#solenoidTime-slider").css('width', '85%').slider({
                value: 10,
                range: "min",
                min: 10,
                max: 300,
                step: 10,
                slide: function (event, ui) {
                    var val = parseInt(ui.value);
                    $('#solenoidTime').html(val);
                },
                stop: function (event, ui) {
                    solenoidTime = ui.value
                }
            });

            //定时时间
            layui.use('form', function () {
                var form = layui.form;
                form.on('select', function (data) {
                    var select1 = $(data.elem.form).find('select')[0];
                    var select2 = $(data.elem.form).find('select')[1];
                    var data = {
                        ext: 'photoset',
                        pic_t: $(select1).val(),
                        pic_f: $(select2).val(),
                    }
                    beginTime = $(select1).val()
                    endTime = $(select2).val()
                });
            });

            //下发确定事件
            function confirmed() {
                layer.confirm('是否将修改的数据上传?', { icon: 3, title: '提示' }, function (index) {
                    $.ajax({
                        url: 'tccb_mqtt',
                        type: 'post',
                        data: {
                            e_id: id,
                            ext: 'paramconf',
                            st: beginTime,
                            et: endTime,
                            collt: takePhotoTime,
                            htim: sugarTime,
                            datt: dtlDropTime,
                            pump_sec: waterPumpTime,
                            shake_sec: solenoidTime,
                        },
                        dataType: 'json',
                        beforeSend: function (XMLHttpRequest) {
                            //注意，layer.msg默认3秒自动关闭，如果数据加载耗时比较长，需要设置time
                            loadingFlag = layer.msg('请求中，请稍候……', { icon: 16, shade: 0.01, shadeClose: false, time: 60000 });
                        },
                        success: function (data) {
                            console.log(data)
                            if (data == 0) {
                                layer.msg('下发成功！！', { icon: 1, shade: 0.01, shadeClose: false, time: 1000 })
                            } else {
                                layer.msg('下发失败！');
                            }
                        },
                        error: function (type) {
                            layer.msg('下发失败！');
                        }
                    })
                    layer.close(index);
                }, function (index, layero) {
                    getData()
                });
            }

            //下发取消事件
            function cancelConfig() {
                getData()
            }

            //获取下发最新数据
            function dtlconfigurationSwitch() {
                $.ajax({
                    url: 'tccb_mqtt',
                    type: 'post',
                    data: {
                        e_id: id,
                        ext: 'param',
                    },
                    dataType: 'json',
                    success: function (data) {
                        if (data == 0) {
                            layer.msg('请求中，请稍候……', { icon: 16, shade: 0.01, shadeClose: false, time: 60000 });
                            setTimeout(function () {
                                layer.msg('已获取最新数据!!', { icon: 1, shade: 0.01, shadeClose: false, time: 1000 })
                                $.ajax({
                                    url: 'tccb_detail',
                                    type: 'post',
                                    data: {
                                        id: id,
                                    },
                                    dataType: 'json',
                                    success: function (data) {
                                        var status = eval('(' + data.status + ')');
                                        var paramconf = eval('(' + data.paramconf + ')');
                                        dtlDropTime = paramconf.datt;  //数据时间间隔
                                        takePhotoTime = paramconf.collt; //收集时间
                                        sugarTime = paramconf.htim; //糖醋液发挥时间
                                        waterTime = paramconf.jp; //加液排水轮询时间
                                        waterPumpTime = paramconf.pump_sec; //水泵打开
                                        solenoidTime = paramconf.shake_sec; //电磁阀打开
                                        beginTime = paramconf.st; //定时工作时间-开始时间
                                        endTime = paramconf.et; //定时工作时间-结束时间
                                        iccid = status.iccid;
                                        iccid = status.imei;

                                        $("#dtlDropTime-slider").slider('value', paramconf.datt); //数据上传时间间隔
                                        $('#dtlDropTime').html(paramconf.datt);
                                        $("#takePhotoTime-slider").slider('value', paramconf.collt); //收集时间
                                        $('#takePhotoTime').html(paramconf.collt);
                                        $("#sugarTime-slider").slider('value', paramconf.htim); //糖醋液挥发时间
                                        $('#sugarTime').html(paramconf.htim);
                                        $("#waterTime-slider").slider('value', paramconf.jp); //加液排水轮询时间
                                        $('#waterTime').html(paramconf.jp);
                                        $("#waterPumpTime-slider").slider('value', paramconf.pump_sec); //水泵时间
                                        $('#waterPumpTime').html(paramconf.pump_sec);
                                        $("#solenoidTime-slider").slider('value', paramconf.shake_sec); //电磁阀打开
                                        $('#solenoidTime').html(paramconf.shake_sec);
                                        layui.use('form', function () {
                                            var form = layui.form;
                                            //给表单赋值
                                            form.val("selectObj", { // form标签 lay-filter="" 对应的值
                                                "takePhotoTime": parseInt(paramconf.st) // "name": "value"
                                                , "takePhotoInterval": parseInt(paramconf.et)
                                            });
                                        });

                                    },
                                    error: function (type) {
                                        console.log(type);
                                    }
                                })

                                // if (data.paramconf != null) {
                                //     var paramconf = eval("(" + data.paramconf + ")");
                                //     // var paramconf = JSON.parse(data.paramconf) //转换下发数据
                                // }
                                // $("#dtlDropTime-slider").slider('value', paramconf.datt); //数据上传时间间隔
                                // $('#dtlDropTime').html(paramconf.datt);
                                // $("#takePhotoTime-slider").slider('value', paramconf.collt); //收集时间
                                // $('#takePhotoTime').html(paramconf.collt);
                                // $("#sugarTime-slider").slider('value', paramconf.htim); //糖醋液挥发时间
                                // $('#sugarTime').html(paramconf.htim);
                                // $("#waterTime-slider").slider('value', paramconf.jp); //加液排水轮询时间
                                // $('#waterTime').html(paramconf.jp);
                                // $("#waterPumpTime-slider").slider('value', paramconf.pump_sec); //水泵时间
                                // $('#waterPumpTime').html(paramconf.pump_sec);
                                // $("#solenoidTime-slider").slider('value', paramconf.shake_sec); //电磁阀打开
                                // $('#solenoidTime').html(paramconf.shake_sec);

                                // layui.use('form', function () {
                                //     var form = layui.form;
                                //     //给表单赋值
                                //     form.val("selectObj", { // form标签 lay-filter="" 对应的值
                                //         "takePhotoTime": parseInt(paramconf.st) // "name": "value"
                                //         , "takePhotoInterval": parseInt(paramconf.et)
                                //     });
                                // });
                            }, 3000)

                        } else {
                            layer.msg('获取失败！');
                        }
                    },
                    error: function (type) {
                        layer.msg('获取失败！');
                    }
                })
            }

            function popupFrame(txt, flag) {
                layui.use('layer', function () {
                    var layer = layui.layer;
                    layer.confirm('是否' + txt + '?', { icon: 3, offset: '100px', title: '提示' }, function (index) {
                        if (flag == 1) {
                            var data = {
                                ext: 'reboot',
                            }
                            var fun = function () { };
                        } else if (flag == 2) {
                            var data = {
                                ext: 'update',
                            }
                            var fun = function () { };
                        } else if (flag == 3) {
                            var data = {
                                ext: 'mqttconf',
                            }
                            var fun = function () {
                                var index = layer.load(2, { time: 3 * 1000 });
                                setTimeout(function () {
                                    $.ajax({
                                        url: 'tccb_mqtt',
                                        type: 'post',
                                        data: {
                                            e_id: id
                                        },
                                        dataType: 'json',
                                        success: function (data) {
                                            layer.open({
                                                type: 1
                                                , title: false //不显示标题栏
                                                , closeBtn: false
                                                , area: '400px;'
                                                , shade: 0.8
                                                , id: 'LAY_layuipro' //设定一个id，防止重复弹出
                                                , btn: ['确定']
                                                , btnAlign: 'c'
                                                , moveType: 1 //拖拽模式，0或者1
                                                , content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">ip：' + data.ip + '<br />port：' + data.port + '<br />sub：' + data.sub + '<br />pub：' + data.pub + '<br />lastwill：' + data.lastwill + '<br />keepalive：' + data.keepalive + '<br />username：' + data.username + '<br />stamp：' + data.stamp + '</div>'

                                            });
                                        },
                                        error: function (type) {
                                            console.log(type)
                                        }
                                    })
                                }, 3000)
                            };
                        } else if (flag == 4) {
                            var data = {
                                ext: 'takephoto',
                            }
                            var fun = function () { };
                        } else if (flag == 5) {
                            var data = {
                                ext: 'turn',
                            }
                            var fun = function () { };
                        } else if (flag == 6) {
                            var data = {
                                ext: 'repower',
                            }
                            var fun = function () { };
                        } else if (flag == 7) {
                            var data = {
                                ext: 'ds1',
                            }
                            var fun = function () { };
                        } else if (flag == 8) {
                            var data = {
                                ext: 'ds0',
                            }
                            var fun = function () { };
                        } else if (flag == 9) {
                            var data = {
                                ext: 'boot',
                            }
                            var fun = function () { };
                        }

                        sendCtrlFun(data, fun)
                        layer.close(index);
                    });
                })
            }


            function sendCtrlFun(data, callback) {
                data.e_id = id;
                $.ajax({
                    url: 'tccb_mqtt',
                    type: 'post',
                    data: data,
                    beforeSend: function (XMLHttpRequest) {
                        //注意，layer.msg默认3秒自动关闭，如果数据加载耗时比较长，需要设置time
                        loadingFlag = layer.msg('请求中，请稍候……', { icon: 16, shade: 0.01, shadeClose: false, time: 60000 });
                    },
                    success: function (data) {
                        if (data == 0) {
                            callback();
                            layer.msg('下发成功！！', { icon: 1, shade: 0.01, shadeClose: false, time: 1000 })
                        } else {
                            layer.msg('下发失败！');
                        }
                    },
                    error: function (type) {
                        console.log(type)
                        layer.msg('下发失败！');
                    }
                })
            }

            function reloadPage() {
                var data = {
                    ext: 'status',
                }
                var fun = function () {
                    var index = layer.load(2, { time: 3 * 1000 });
                    setTimeout(function () {
                        getData()
                    }, 3000)
                };
                sendCtrlFun(data, fun)
            }

            // sim卡查询
            function sendexamineSIM() {
                examineSIM(iccid)
            }
            function examineSIM(iccid) {
                $.ajax({
                    url: 'siminfo',
                    type: 'post',
                    dataType: 'json',
                    data: {
                        simid: iccid,
                    },
                    beforeSend: function (XMLHttpRequest) {
                        //注意，layer.msg默认3秒自动关闭，如果数据加载耗时比较长，需要设置time
                        loadingFlag = layer.msg('请求中，请稍候……', { icon: 16, shade: 0.01, shadeClose: false, time: 60000 });
                    },
                    success: function (data) {
                        console.log(data)
                        var dat = data.data;
                        if (data.code == 0) {
                            var status;
                            if (dat.account_status == "0") {
                                status = "未知";
                            } else if (dat.account_status == "1") {
                                status = "测试期";
                            } else if (dat.account_status == "2") {
                                status = "沉默期";
                            } else if (dat.account_status == "3") {
                                status = "使用中";
                            } else if (dat.account_status == "4") {
                                status = "停机";
                            } else if (dat.account_status == "5") {
                                status = "停机保号";
                            } else if (dat.account_status == "6") {
                                status = "预销号";
                            } else if (dat.account_status == "7") {
                                status = "销号";
                            }
                            var usage;
                            if (dat.iccid) {
                                usage = dat.data_usage;
                            } else {
                                usage.innerHTML = '--';
                            }
                            var balance;
                            if (dat.iccid) {
                                balance = dat.data_balance;
                            } else {
                                balance = '--';
                            }
                            var time;
                            if (dat.iccid) {
                                var timestamp4 = new Date(dat.expiry_date * 1000);//直接用 new Date(时间戳) 格式转化获得当前时间
                                time = timestamp4.toLocaleDateString().replace(/\//g, "-") + " " + timestamp4.toTimeString().substr(0, 8);
                            } else {
                                time = '--';
                            }
                            layer.close(loadingFlag);
                            layer.open({
                                type: 1
                                , title: false //不显示标题栏
                                , closeBtn: false
                                , area: '300px;'
                                , shade: 0.8
                                , offset: '100px'
                                , id: 'LAY_layuipro' //设定一个id，防止重复弹出
                                , btn: ['我知道了']
                                , btnAlign: 'c'
                                , moveType: 1 //拖拽模式，0或者1
                                , content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">SIM卡查询结果<br>ICCID:' + iccid + '<br><br>状态：' + status + '<br>套餐：' + dat.data_plan + 'Mb<br>已用流量:' + usage + 'Mb<br>剩余流量：' + balance + 'Mb<br>到期时间：' + time + '</div>'
                                , success: function (layero) {
                                }
                            });
                        } else {
                            layer.msg('查询失败！');
                        }
                    }
                })
            }
            function openNewPage(falg) {
                if (falg == 1) {
                    window.location.href = 'tccb_photo?id=' + id + '&currpage=' + currpage + '&equipName=' + equipName + '&equipId=' + equipId
                }
                if (falg == 2) {
                    window.location.href = 'tccb_data?id=' + id + '&currpage=' + currpage + '&equipName=' + equipName + '&equipId=' + equipId
                }
            }
        </script>
</body>

</html>