yf_zd
/
yfwlwCut


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787
							{% 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 '/css/loading.css' %}?versions=0.5.0" />
    <style type="text/css">
        /* 返回 */

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

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

        .page-header h1 {
            display: contents;
        }

        body {
            overflow: hidden;
            background: #fff;
        }

        .searchCover {
            margin: 20px 0;
        }

        .innerTable {
            padding: 0 1px 0 0;
            min-width: 750px;
        }

        .table,
        .table.table-striped>thead>tr>th {
            text-align: center;
        }

        table td {
            vertical-align: middle !important;
        }

        .nullData {
            width: 100%;
            height: 500px;
            background: #ddd;
            text-align: center;
            line-height: 500px;
            font-size: 20px;
            border: 1px solid #ddd;
        }

        .refresh {
            font-size: 16px;
            color: #4C8FBD;
            margin-right: 30px;
        }

        .content {
            overflow-x: scroll;
        }

        /* 病级 */

        ul#gradeUl>li {
            float: left;
            width: 50%;
            margin-bottom: 10px;
        }

        .rank>span {
            border: 1px solid #d5d5d5;
            display: inline-block;
            text-align: center;
            width: 100px;
            line-height: 30px;
            margin: 0 5px;
        }

        .authInp {
            width: 100%;
        }

        .conceal {
            display: none;
        }

        #resetPwdBox {
            display: none;
        }

        .editRole {
            padding: 10px 0 0 30px;
        }

        .editRole input {
            width: 200px;
            margin-bottom: 10px;
        }

        .refresh {
            font-size: 16px;
            color: #4C8FBD;
            margin-right: 30px;
        }

        .content {
            overflow-x: scroll;
        }

        .deriveBtn {
            background: #F4A460;
            border: 0;
            color: #fff;
            width: 125px;
            height: 33px;
            border: 5px;
            font-size: 18px;
        }

        .deriveBtn:hover {
            background: rgb(55, 138, 247);
        }

        .hide {
            display: none;
        }
    </style>


</head>

<body>
    <div class="content">
        <div class="page-header">
            <span class="headerPlace" onclick="gobackA()">
                <img src="{% static '/img/gobackIcon.png' %}" alt="">返回
            </span>
            <h1>
                <font style="vertical-align: inherit;">
                    <font style="vertical-align: inherit;">
                        测报员下全部数据
                    </font>
                </font>
            </h1>
        </div>

        <div class="searchCover">
            已录信息：
            <select style="width:150px;" name="type" id="utype">
                <option value="1">作物分类</option>
                <option value="2">昆虫种类</option>
                <!-- <option value="plant">作物分类</option>
                <option value="insect">昆虫种类</option> -->
            </select>
            <button class="deriveBtn" onclick="derive()">导出</button>

            识别记录：
            <select style="width:150px;" name="type" id="utypeA">
                <option value="">请选择</option>
                <option value="1">作物分类</option>
                <option value="2">昆虫种类</option>
<!-- 
                <option value="plant">作物分类</option>
                <option value="insect">昆虫种类</option> -->
            </select>

            时间筛选：
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input onfocus='seekTime()' onblur="seekTimeA()" type="text" class="layui-input" id="test6"
                        placeholder=" - ">
                </div>
            </div>
            病虫害名称筛选：
            <div class="layui-inline">
                <input type="text" onfocus='insectname()' onblur='insectnameA()' class="layui-input" id="insectName">
            </div>
            <button onclick="filtrate()" id="deriveBtn" class="deriveBtn hide">筛选</button>
        </div>


        <div class="innerTable">
            <table id="datatable" class="table  table-striped table-hover">
                <thead>
                    <tr>
                        <th>采集地址</th>
                        <th>调查时间</th>
                        <th>采集人</th>
                        <th>统计分类</th>
                        <th>作物种类</th>
                        <th>统计方法</th>
                        <th>统计面积</th>
                        <th>病害名称</th>
                        <th>病级</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
            <div class="fenpei-bottom">
                <input type="hidden" id="totalPage" value={{ nums }}>
                <div id="page" style="text-align: center;"></div>
            </div>
        </div>
        <div class="user-manage-top" id="showGradeUl" style="display:none">
            <!-- 查看病级 -->
            <div style="padding:20px">
                <ul id="gradeUl" style="overflow: hidden;">
                    <li>
                        <div class="rank">
                            (01)
                            <span>病级1</span>
                            值：
                            <span>12</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
    <script src="{% static '/lib/layui/layui.all.js' %}"></script>
    <script src="{% static '/js/common.js' %}?versions=0.5.0"></script>
    <script type="text/javascript">
        $.ajaxSetup({
            data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
        });
    </script>
    <script type="text/javascript">
        // 分页初始化
        var table, layer, laypage;
        var table = layui.table;
        function reandPage(totalPage, currPage) {
            layui.use(['laypage', 'table', 'layer', 'laydate'], function () {
                var laypage = layui.laypage;
                var table = layui.table;
                var layer = layui.layer;
                var uname = $('#uname').val()
                laypage.render({
                    elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
                    , count: totalPage
                    , curr: currPage
                    , theme: '#428BCA'
                    , layout: ['prev', 'page', 'next', 'skip']
                    , jump: function (obj, first) {
                        if (!first) {
                            sessionStorage.setItem('page', obj.curr)
                            //判断是已录还是识别
                            if ($('#utype').val() !== null) {
                                getData(obj.curr, sessionStorage.getItem('cordValue'), 'cord');
                                $('#utype').val(sessionStorage.getItem('cordValue'))
                            } else if ($('#utypeA').val() !== null) {
                                getDataA(obj.curr, sessionStorage.getItem('discValue'), 'disc'); //识别记录
                                $('#utypeA').val(sessionStorage.getItem('discValue'))
                            }
                        }
                    }
                });
                //执行一个laydate实例
                var laydate = layui.laydate;
                laydate.render({
                    elem: '#test6'
                    , range: true
                    , done: function (value) {
                        console.log(value)
                        seekTimeA(value)
                    }
                });
            });
        }
        $('#utype').on('change', function () {
            // alert('开始')
            getData(1, $('#utype').val(), 'cord'); //已录信息
        })


        //已录信息
        if ($('#utype').val() !== '') {
            // alert('返回后请求的')
            getData(1, $('#utype').val(), 'cord');
            sessionStorage.setItem('cordValue', $('#utype').val())
            sessionStorage.removeItem('discValue')
            sessionStorage.removeItem('page')
            sessionStorage.setItem('page', 1)
        }
        //已录信息
        function getData(page, ret, req) {
            // alert('已录信息')
            $('#utypeA').val('<option value="">请选择</option>')
            $.ajax({
                url: 'look_account',
                type: 'post',
                dataType: 'json',
                data: {
                    req: req,
                    ret: ret,
                    page: page,
                    id: sessionStorage.getItem('addID')
                    // id: '1'
                },
                success: function (data) {
                    Fill_Table_title('datatable', ret);
                    if (data.dat.length == 0) {
                        Fill_null_Table('datatable')
                    } else {
                        Fill_Table('datatable', data.dat, ret)
                    }

                    if (data.num > 1) {
                        $('.fenpei-bottom').show();
                        reandPage(data.num, page);
                    } else {
                        $('.fenpei-bottom').hide();
                    }
                },
                error: function (type) {
                    console.log(type);
                }
            })
        }
        //识别记录
        $('#utypeA').on('change', function () {
            getDataA(1, $('#utypeA').val(), 'disc'); //识别记录
            sessionStorage.setItem('discValue', $('#utypeA').val())
            sessionStorage.removeItem('cordValue')
            sessionStorage.removeItem('page')
            sessionStorage.setItem('page', 1)
        })
        //请求识别记录数据
        function getDataA(page, ret, req) {
            // alert('识别记录')
            $('#utype').val('<option value="">请选择</option>')
            $.ajax({
                url: 'look_account',
                type: 'post',
                dataType: 'json',
                data: {
                    req: req,
                    ret: ret,
                    page: page,
                    id: sessionStorage.getItem('addID')
                },
                success: function (data) {
                    Fill_Table_titleA('datatable', ret);
                    if (data.dat.length == 0) {
                        Fill_null_TableA('datatable')
                    } else {
                        Fill_TableA('datatable', data.dat, ret)
                    }

                    if (data.num > 1) {
                        $('.fenpei-bottom').show();
                        reandPage(data.num, page);
                    } else {
                        $('.fenpei-bottom').hide();
                    }
                },
                error: function (type) {
                    console.log(type);
                }
            })
        }


        //已录信息
        function Fill_Table_title(table_id, ret) {
            var table = document.getElementById(table_id).children[0];
            var html = '';
            html = '<tr><th>所属用户</th><th>测报员</th><th>类别</th><th>月份</th><th>生育期</th><th>病虫害名称</th><th>统计方法</th><th>数量</th><th>创建时间</th><th>地址</th><th>操作</th></tr>'
            $(table).html(html);
        }

        function Fill_null_Table(table_id) {
            $("#datatable  tr:not(:first)").remove();
            var table = document.getElementById(table_id).children[1];
            var row = table.insertRow(table.rows.length);
            var c1 = row.insertCell(0);
            c1.setAttribute('colspan', '16');
            c1.setAttribute('class', 'nullData');
            c1.innerHTML = "暂无数据";
        }
        function Fill_Table(table_id, dat, ret) {
            $("#datatable  tr:not(:first)").remove();
            var table = document.getElementById(table_id).children[1];
            for (var i = 0; i < dat.length; i++) {
                var row = table.insertRow(table.rows.length);
                var c1 = row.insertCell(0);
                c1.innerHTML = dat[i].username

                var c2 = row.insertCell(1);
                c2.innerHTML = dat[i].user_name;

                var c3 = row.insertCell(2);
                if (dat[i].pest_sort == 1) {
                    c3.innerHTML = '粮食作物'
                } else if (dat[i].pest_sort == 2) {
                    c3.innerHTML = '经济作物'
                } else if (dat[i].post_sort == 3) {
                    c3.innerHTML = '林木'
                }

                var c4 = row.insertCell(3);
                c4.innerHTML = dat[i].month + '月份'

                var c5 = row.insertCell(4);
                c5.innerHTML = dat[i].growth_stages

                var c6 = row.insertCell(5);
                c6.innerHTML = dat[i].pest + '，' + dat[i].pest_name

                var c7 = row.insertCell(6);
                c7.innerHTML = dat[i].cens_method

                var c8 = row.insertCell(7);
                c8.innerHTML = dat[i].area

                var c9 = row.insertCell(8);
                c9.innerHTML = dat[i].upl_time

                var c10 = row.insertCell(9);
                c10.innerHTML = dat[i].city

                var c11 = row.insertCell(10);
                c11.innerHTML = ' <button class="btn btn-sm btn-danger" onclick="delFun(\'' + dat[i].id + '\')">删除</button>  <input type="hidden" value=' + JSON.stringify(dat[i].pestname) + '><a href="see_mation" class="btn btn-sm btn-primary btn-user-manage" onclick="lookDiseaseGradeB(\'' + dat[i].id + ',' + dat[i].ret + '\')">查看</a> <a class="btn btn-sm btn-danger" onclick="educe(\'' + dat[i].id + '\')">导出</a>'
                scrollBar();
            }
        }


        //识别记录
        function Fill_Table_titleA(table_id, ret) {
            var table = document.getElementById(table_id).children[0];
            var html = '';
            html = '<tr><th>所属用户</th><th>测报员</th><th>类别</th><th>科目</th><th>病虫害名称</th><th>创建时间</th><th>地址</th><th>操作</th></tr>'
            $(table).html(html);
        }

        function Fill_null_TableA(table_id) {
            $("#datatable  tr:not(:first)").remove();
            var table = document.getElementById(table_id).children[1];
            var row = table.insertRow(table.rows.length);
            var c1 = row.insertCell(0);
            c1.setAttribute('colspan', '16');
            c1.setAttribute('class', 'nullData');
            c1.innerHTML = "暂无数据";
        }
        function Fill_TableA(table_id, dat, ret) {
            $("#datatable  tr:not(:first)").remove();
            var table = document.getElementById(table_id).children[1];
            for (var i = 0; i < dat.length; i++) {
                var row = table.insertRow(table.rows.length);
                //判断科目
                if (dat[i].course == null || dat[i].course == '') {
                    var b = '暂无'
                } else if (dat[i].course !== null || dat[i].course !== '') {
                    var b = dat[i].course
                }

                //判断名称
                if (dat[i].name == null || dat[i].name == '') {
                    var a = '暂无'
                } else if (dat[i].name !== null || dat[i].name !== '') {
                    var a = dat[i].name
                }

                //判断地址
                if (dat[i].addr == "null" || dat[i].addr == '') {
                    var c = '暂无地址'
                } else if (dat[i].addr !== "null" || dat[i].addr !== '') {
                    var c = dat[i].addr
                }

                var c1 = row.insertCell(0);
                c1.innerHTML = dat[i].username

                var c2 = row.insertCell(1);
                c2.innerHTML = dat[i].reporter;

                var c3 = row.insertCell(2);
                if (dat[i].ret == 1) {
                    c3.innerHTML = '病害'
                } else if (dat[i].ret == 2) {
                    c3.innerHTML = '虫害'
                }
                // c3.innerHTML = dat[i].ret;

                var c4 = row.insertCell(3);
                c4.innerHTML = b

                var c5 = row.insertCell(4);
                c5.innerHTML = a

                var c6 = row.insertCell(5);
                c6.innerHTML = dat[i].time

                var c7 = row.insertCell(6);
                c7.innerHTML = c

                var c8 = row.insertCell(7);
                c8.innerHTML = ' <button class="btn btn-sm btn-danger" onclick="delFun(\'' + dat[i].id + ',' + dat[i].ret + '\')">删除</button>  <input type="hidden" value=' + JSON.stringify(dat[i].pestname) + '><a href="see_mation" class="btn btn-sm btn-primary btn-user-manage" onclick="lookDiseaseGradeA(\'' + dat[i].id + ',' + dat[i].ret + '\')">查看</a> <a class="btn btn-sm btn-danger" onclick="reset(\'' + dat[i].id + ',' + dat[i].name + '\')">导出</a>'
                scrollBar();
            }
        }


        //已录信息查看功能
        function lookDiseaseGradeB(id) {
            sessionStorage.setItem('cordID', id)
            sessionStorage.removeItem('discID')
        }

        //识别记录查看功能
        function lookDiseaseGradeA(id) {
            sessionStorage.setItem('discID', id)
            sessionStorage.removeItem('cordID')
        }

        //全部导出事件
        function derive() {
            var cebaoID = sessionStorage.getItem('addID');
            var cebaoRet = $('#utype').val();
            window.location.href = "export_excel?id=" + cebaoID + '&ret=' + cebaoRet
        }

        //单条导出
        // function educe(id) {
        function reset(id) {
            window.location.href = "export_excel?id=" + id + '&ret=addr'
        }


        //病虫害筛选功能
        function filtrate() {
            //判断是已录还是识别的筛选
            if ($('#utype').val() !== null) {
                var ret = $('#utype').val()
                var req = 'cord'
            } else if ($('#utypeA').val() !== null) {
                var ret = $('#utypeA').val()
                var req = 'disc'
            }
            sessionStorage.setItem('ceshia', $('#insectName').val())
            //判断是进行时间筛选还是名称筛选
            if ($('#insectName').val() !== '') { //名称筛选
                $.ajax({
                    // url: 'screen_pests_name',
                    url: 'screen_name',
                    type: 'post',
                    data: {
                        ret: ret,
                        req: req,
                        name: $('#insectName').val(),
                        page: 1,
                        id: sessionStorage.getItem('addID'),
                    },
                    dataType: 'json',
                    success: function (data) {
                        if (req == 'cord') {
                            //已录
                            Fill_Table_title('datatable', ret);
                            if (data.dat.length == '0') {
                                Fill_null_Table('datatable')
                            } else {
                                Fill_Table('datatable', data.dat, ret)
                            }

                            if (data.num > 1) {
                                $('.fenpei-bottom').show();
                                reandPage(data.num, page);
                            } else {
                                $('.fenpei-bottom').hide();
                            }
                        } else if (req == 'disc') {
                            //识别
                            Fill_Table_titleA('datatable', ret);
                            if (data.dat.length == '0') {
                                Fill_null_TableA('datatable')
                            } else {
                                Fill_TableA('datatable', data.dat, ret)
                            }

                            if (data.num > 1) {
                                $('.fenpei-bottom').show();
                                reandPage(data.num, page);
                            } else {
                                $('.fenpei-bottom').hide();
                            }
                        }
                    },
                    error: function (error) {
                        console.log(error)
                    }
                })
            } else if ($('#test6').val() !== '') {
                var aa = new Array();
                aa = $('#test6').val().split(" - ")
                $.ajax({
                    url: 'screen_extent_time',
                    type: 'post',
                    data: {
                        ret: ret,
                        req: req,
                        stat_time: aa[0],
                        end_time: aa[1],
                        page: 1,
                        id: sessionStorage.getItem('addID')
                    },
                    dataType: 'json',
                    success: function (data) {
                        if (req == 'cord') {

                            //已录
                            Fill_Table_title('datatable', ret);
                            if (data.dat.length == '0') {
                                Fill_null_Table('datatable')
                            } else {
                                Fill_Table('datatable', data.dat, ret)
                            }

                            if (data.num > 1) {
                                $('.fenpei-bottom').show();
                                reandPage(data.num, page);
                            } else {
                                $('.fenpei-bottom').hide();
                            }
                        } else if (req == 'disc') {
                            //识别
                            Fill_Table_titleA('datatable', ret);
                            if (data.dat.length == '0') {
                                Fill_null_TableA('datatable')
                            } else {
                                Fill_TableA('datatable', data.dat, ret)
                            }

                            if (data.num > 1) {
                                $('.fenpei-bottom').show();
                                reandPage(data.num, page);
                            } else {
                                $('.fenpei-bottom').hide();
                            }
                        }
                    },
                    error: function (error) {
                        console.log(error)
                    }
                })
            }

        }


        //病虫害名称筛选时input框获取焦点
        function insectname() {
            $('#test6').val('')
            if ($('#utype').val() == '' || $('#utypeA').val() == '') {
                layer.msg('请先选择是已录信息还是识别记录');
            }
        }
        function insectnameA() {
            if (($('#utype').val() !== '' || $('#utypeA').val() !== '') && $('#insectName').val() !== '') {
                $('#deriveBtn').removeClass('hide')
            } else {
                layer.msg('必选项不能为空', { time: 5000, icon: 5 })
            }
        }

        //病虫害时间筛选时input框获取焦点
        function seekTime() {
            $('#insectName').val('')
            lay('#test6').each(function () {
                var laydate = layui.laydate;
                laydate.render({
                    elem: this
                    , range: true
                    , done: function (value) {
                        console.log(value)
                        seekTimeA(value)
                    }
                });
            })
            if ($('#utype').val() == '' || $('#utypeA').val() == '') {
                layer.msg('请先选择是已录信息还是识别记录');
            }
        }
        function seekTimeA(val) {
            if (($('#utype').val() !== '' || $('#utypeA').val() !== '') && $('#test6').val() !== '' || val !== '') {
                $('#deriveBtn').removeClass('hide')
            } else if ($('#test6').val() == '') {
                layer.msg('必选项不能为空', { time: 5000, icon: 5 })
            }
        }

        //删除
        function delFun(name) {
            var aa = new Array();
            aa = name.split(',')
            //判断是已录数据还是识别数据
            if (aa.length == 1) {
                var a = aa[0];
                var b = '';
            } else if (aa.length == 2) {
                var a = aa[0];
                var b = aa[1];
            }
            layui.use('layer', function () {
                var layer = layui.layer;
                layer.confirm('确定删除？', {
                    btn: ['确定', '取消'] //按钮
                }, function (index) {
                    $.ajax({
                        url: 'del_mation',
                        type: 'post',
                        data: {
                            id: a,
                            ret: b
                        },
                        dataType: 'json',
                        success: function (data) {
                            if (data == '1') {
                                layer.msg("删除成功！");
                                // setTimeout(function () {
                                // 	location.reload();
                                // }, 1000)
                                if (aa.length == 1) {
                                    //已录
                                    getData(sessionStorage.getItem('page'), sessionStorage.getItem('cordValue'), 'cord');
                                } else if (aa.length == 2) {
                                    //识别
                                    getDataA(sessionStorage.getItem('page'), sessionStorage.getItem('discValue'), 'disc');
                                }
                            } else if (data == '0') {
                                layer.msg("删除失败！！！");
                            }
                        },
                        error: function (type) {

                        }
                    })
                }, function () {

                });
            });
        }


        //返回
        function gobackA() {
            window.history.back(-1)
        }


       //这个在火狐下不起作用 
    //    window.onbeforeunload=function(e){
    //     // sessionStorage.removeClass('ceshia')
    //     return e.returnValue = "我在这写点东西...";
    //         // return "我在这写点东西";
    //    }
    //     window.onunload=function(){
    //         // alert("离开")
    //         sessionStorage.removeClass('ceshia')
    //     }
    //     window.onload=function(){
    //         // sessionStorage.removeClass('ceshia')
    //           alert("加载完成");
    //     }
    </script>
</body>

</html>