yf_zd
/
yfwlwCut


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
							{% 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' %}">
    <title>农机使用列表</title>
    <style>
        body {
            background: #fff;
        }
        /* 返回 */

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

		.headerPlace img {
			vertical-align: middle;
			margin-right: 10px;
			margin-top: -4px;
		}
        /* 搜索 */
        .searchBox >div{
            width: 200px;
            display: inline-block;
        }

       
    </style>

    <body>
        <div class="content">
            <div class="page-header">
                <span class="headerPlace" onclick="goback('machineManage')">
                    <img src="{% static '/img/gobackIcon.png' %}" alt="">返回
                </span>
            </div>
            <div>
                <div class="searchBox">
                    时间段查询：
                    <div>
                        <input type="text" class="layui-input" id="test1">
                    </div>
					<button type="button" class="btn btn-sm btn-primary" id="">搜索</button>
                </div>
                <div>
                    <table class="layui-hide" id="test"></table>
                </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 src="{% static '/js/common.js' %}?versions=0.5.0"></script>
        <script>
            $.ajaxSetup({
                data: {
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                },
            });
        </script>
        <script>
            var dataArr = [
                {
                    type:'拖拉机',
                    id:'001',
                    startTime:'2020-02-21',
                    endTime:'2020-03-31',
                    address:'河南省郑州市金水区',
                    operator:'张三',
                },
                {
                    type:'拖拉机',
                    id:'002',
                    startTime:'2020-02-21',
                    endTime:'2020-03-31',
                    address:'河南省郑州市金水区',
                    operator:'张三',
                },
                {
                    type:'拖拉机',
                    id:'003',
                    startTime:'2020-02-21',
                    endTime:'2020-03-31',
                    address:'河南省郑州市金水区',
                    operator:'张三',
                },
                {
                    type:'拖拉机',
                    id:'004',
                    startTime:'2020-02-21',
                    endTime:'2020-03-31',
                    address:'河南省郑州市金水区',
                    operator:'张三',
                },
            ]
            layui.use(['table','laydate' ], function () {
                var table = layui.table;
                var laydate = layui.laydate;
  
                //执行一个laydate实例
                laydate.render({
                    elem: '#test1' //指定元素
                    ,range: true
                });

                table.render({
                    elem: '#test'
                    // ,url:'/demo/table/user/'
                    ,skin: 'line' //行边框风格
                    ,even: true //开启隔行背景
                    ,size: 'lg' //小尺寸的表格
                    ,data:dataArr
                    ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                    ,cols: [[
                    {field:'type',align:'center', title: '农机类型'}
                    ,{field:'id',align:'center', title: '编号'}
                    ,{field:'startTime',align:'center', title: '工作开始时间'}
                    ,{field:'endTime',align:'center',  title: '工作结束时间'}
                    ,{field:'address',align:'center', title: '工作地址', width: '30%', minWidth: 100} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
                    ,{field:'operator',align:'center', title: '操作人'}
                    ]]
                });
               
            });

        </script>
    </body>

</html>