{% extends 'baseBZP.html' %}

{% block content %}

{% load static %}

<style type="text/css">

        .chosen-container-single .chosen-single {
        height: 25px !important;
        line-height: 25px !important;
        padding-top: 2px !important;
    }
</style>

<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header" style="font-size: 20px;font-weight: bold;">当前保质期预警统计</div>
      <div class="layui-form layui-card-header layuiadmin-card-header-auto">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">预警线：</label>
                <div class="layui-input-block">
                    <select id="cabinetSelect" name="interest" lay-filter="aihao">
                        <option value="7" >7天</option>
                        <option value="30">30天</option>
                      </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">药剂名称</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" id="searchValue" ReserveSearch='' name="searchValue" placeholder="药剂名称">
                </div>
            </div>
            <div class="layui-inline" style="height: 42px;">
                  <button type="button" class="layui-btn layuiadmin-btn-useradmin" data-type="btnTableSearch">
                    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                  </button>
            </div>
        </div>
      </div>
      <div class="layui-card-body">
        <div style="padding-bottom: 10px;">
            <a href="{% url 'dataReport:index' %}" class="layui-btn">返回统计目录</a>

            <button type="button" class="layui-btn layuiadmin-btn-useradmin" data-type="btnTableReload" style="margin-right:3px;" data-toggle="tooltip" data-placement="left" title="刷新统计列表"><i class="fa fa-refresh" aria-hidden="true"></i>刷新</button>

            <button type="button" class="layui-btn layuiadmin-btn-useradmin" data-type="btnTableExport" style="margin-right:3px;" data-toggle="tooltip" data-placement="left" title="导出报表"><i class="fa fa-sign-out" aria-hidden="true"></i>导出报表</button>
        </div>

        <table id="demo" lay-filter="test" lay-data="{id: 'idTest'}"></table>

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

{% load static %}
    <script src="{% static 'js/fileDownload.js' %}"></script>
        <script src="{% static 'js/warning.js' %}"></script>

<script type="text/javascript">

var table = layui.table;
    layui.use('form', function () {
        var form = layui.form;
        form.render(); //刷新select选择框渲染
        //各种基于事件的操作，下面会有进一步介绍
    });
    let dataTable = []
    //执行渲染
    table.render({
        elem: '#demo', //指定原始表格元素选择器（推荐id选择器）
        // height: 312, //容器高度
        cols: [
            [{type: 'checkbox', fixed: 'left'},{ field: 'BarCode', title: '编号', width: 200, sort: true },
            { field: 'Name', title: '中文名称', width: 240, sort: true },
            { field: 'EnglishName', title: '英文名称', width: 220, sort: true },
            { field: 'CASNumber', title: 'CAS码', width: 220, sort: true },
            { field: 'Purity', title: '纯度', width: 110, sort: true },
            { field: 'ProductionDate', title: '生产日期', width: 140, sort: true },
            { field: 'SurplusDays', title: '剩余有效天数(天)', width: 110, sort: true },
            { field: 'Remain', title: '药剂余量(g)', width: 110, sort: true },
            { field: 'Manufacturer', title: '生产厂商', width: 200, sort: true },
            { field: 'Distributor', title: '经销商', width: 200, sort: true },
            ]
        ], //设置表头
        url:'/dataReport/getShelflifeWarningJson/?WarningDays=' + $("#cabinetSelect option:selected").val(),
        id: "test",
        page: {
          layout: [ 'count', 'prev', 'page', 'next',], //自定义分页布局
          prev:'上一页',
          next:'下一页'
         },
        limit: 15,
        limits: [10, 15, 20, 25, 30],
        height: 'full-240',
        size:'lg',

        done: function (res, curr, count) {
        },
    });



    var active = {
        btnTableSearch: function () {
            table.reload('test', {
            where: { //设定异步数据接口的额外参数，任意设
                WarningDays:  $("#cabinetSelect option:selected").val(),
                searchValue: $("#searchValue").val()
                //…
            },page: {
                curr: 1 //重新从第 1 页开始
            }
        }) //只重载数据
        },
        btnTableReload: function(){
            location.reload();
        },
        btnTableExport: function(){
            var index = '';
            var url = '/dataReport/downShelflifeWarning/?WarningDays=' + $('#cabinetSelect').val();
            var index = parent.layer.load(2,{time: 3*1000});
            var visitType=window.parent.frames.getUrlParam('visitType');
            if(((visitType=='1') || (visitType=='2')))
            {
                $.get(url+"&visitType=1", function (obj) {
                                parent.layer.close(index);
                                if (obj.status == 0) {
                                    layer.alert('导出成功！', {time:1500,btn:[],title:""});
                                    tableModel.row('.selected').remove().draw(false);
                                    return false;
                                }
                                else {
                                    layer.alert(obj.message, {time:1500,btn:[],title:""});
                                    return false;
                                }
                            });
                        }
                        else{
                            $.fileDownload(url, {
                                httpMethod: 'GET',
                                prepareCallback: function (url) {
                                    index = parent.layer.load(2,{time: 3*1000});
                                },
                                successCallback: function (url) {
                                    parent.layer.close(index)
                                },
                                failCallback: function (url) {
                                    msg('数据异常, 下载失败');
                                    parent.layer.close(index)
                                }
                            });
                }
        }
    };

    $('.layui-btn.layuiadmin-btn-useradmin').on('click', function () {
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });



    $(function () {
        // $.get('{% url 'dataReport:getClientListJson' %}', function (obj) {
        //     $(obj.data).each(function (index, data) {
        //         $("#cabinetSelect").append("<option value='" + data.ClientId + "' hassubinfo='true'>" + data.ClientName + "</option>");
        //     })
        //     $(".chosen-select").chosen({
        //         no_results_text: "没有找到",
        //         disable_search: true,
        //         allow_single_deselect: true
        //     });
        // })
        $(".chosen-select").chosen({
        no_results_text: "没有找到",
        disable_search: true,
        allow_single_deselect: true
        });
        var tableModel = $('#dataTableModel').DataTable({
            //searching: false,
            lengthChange: false,
            select: true,
            "scrollX": true,
            "ordering": false,
            ajax: {
                url: '{% url 'dataReport:getShelflifeWarningJson' %}?WarningDays='+$('.chosen-select').val(),
                data: {},
                dataSrc: 'data',
            },
               "order": [[8, "asc"]],
            columns: [
            { data: 'BarCode' },
            { data: 'Name' },
            { data: 'EnglishName' },
            { data: 'CASNumber' },
            { data: 'Purity' },
            { data: 'ProductionDate' },
            { data: 'SurplusDays' },
            { data: 'Remain' },
            { data: 'Manufacturer' },
            { data: 'Distributor' }
            ],
            createdRow: function (row, data, dataIndex) {
                console.log(data)
                    // $(row).children('td').eq(7).html(get_status(data.Status));
                    $(row).children('td').eq(5).html(format_date(data.ProductionDate));
                    // $(row).children('td').eq(9).html(format_date(data.ExpirationDate));
                    // $(row).children('td').eq(12).html(data.IsSupervise == 1 ? '是': '否');
            }
        });

        $('.chosen-select').on('change', function (e, params) {
            tableModel.ajax.url('/dataReport/getShelflifeWarningJson/?WarningDays=' + $('.chosen-select').val()).load();
            tableModel.draw();
        });
        $("#btnTableChart").click(function () {
            quiteTime = Infinity;
            parent.layer.open({
                title: "图表统计",
                shift: 2,
                type: 2,
                area: ['850px', '650px'],
                skin: 'layui-layer-rim', //加上边框
                content: ['{% url 'dataReport:drugShelfLifeChart' %}', 'no'],
                end: function () {
                    currentTime = 0;
                    quiteTime = 600;
                    tableModel.ajax.reload();
                }
            });
        });

        $("#searchValue").keyup(function () {
            tableModel.search($("#searchValue").val()).draw();

        });


        $("#tablePre").click(function () {
            $("#dataTableModel_previous").click();

        });
        $("#tableNext").click(function () {
            $("#dataTableModel_next").click();

        });

        function get_status(status) {
            switch (status) {
                case 1:
                    return '在库';
                case 2:
                    return '出库';
                case 3:
                    return '空瓶';
                case 5:
                    return '预备入库';
                default:
                    return '异常'
            }
        }

        function format_date(date1) {
            var new_date = new Date(date1)
            year1 = new_date.getFullYear().toString();
            month1 = (new_date.getMonth() + 1).toString();
            day1 = new_date.getDate().toString();
            if(month1.length < 2){
                month1 = '0' + month1
            }
             if(day1.length < 2){
                day1 = '0' + day1
            }
            return year1 + '-' + month1 + '-' + day1
        }

        $('#searchValue').focus(function () {
            $(this).keydown(function () {
                switch (event.keyCode) {
                    case 13:
                        return false;
                }
            })
        });



    });
</script>
<iframe width=0 height=0 frameborder=0 id="export" />

{% endblock %}