{extend name="public/layout" /}
{block name="header"}
<style>
    .layui-table-cell {
        padding: 0 5px;
    }
</style>
{/block}
{block name="body"}
<div class="layui-card">
    <div class="layui-card-header layui-card-header-auto layui-form">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" style="width: 100px;">车牌号</label>
                <div class="layui-input-inline" style="width: 200px;">
                    <input type="text" name="car_no" id="car_no" autocomplete="off" class="layui-input"
                           value="{$params.car_no | default=''}">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width: 100px;">车架号</label>
                <div class="layui-input-inline" style="width: 200px;">
                    <input type="text" name="car_frame_no" id="car_frame_no" autocomplete="off"
                           class="layui-input" value="{$params.car_frame_no | default=''}">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width: 100px;">厂牌型号</label>
                <div class="layui-input-inline" style="width: 200px;">
                    <input type="text" name="factory_model" id="factory_model" autocomplete="off"
                           class="layui-input" value="{$params.factory_model | default=''}">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width: 100px;">注册日期</label>
                <div class="layui-input-inline" style="width: 200px;">
                    <input type="text" name="register_date" id="register_date" autocomplete="off"
                           class="layui-input layui-date-elem" value="{$params.register_date | default=''}">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" style="width: 100px;">车主姓名</label>
                <div class="layui-input-inline" style="width: 200px;">
                    <input type="text" name="car_man" id="car_man" autocomplete="off"
                           class="layui-input" value="{$params.car_man | default=''}">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width: 100px;">身份证号</label>
                <div class="layui-input-inline" style="width: 200px;">
                    <input type="text" name="car_number" id="car_number" autocomplete="off"
                           class="layui-input" value="{$params.car_number | default=''}">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width: 100px;">联系电话</label>
                <div class="layui-input-inline" style="width: 200px;">
                    <input type="text" name="car_phone" id="car_phone" autocomplete="off"
                           class="layui-input" value="{$params.car_phone | default=''}">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: 695px;">
                <label class="layui-form-label" style="width: 100px;">初登日期</label>
                <div class="layui-input-inline" style="width: 200px;">
                    <input type="text" name="register_date1" id="register-date1" class="layui-input layui-date-elem">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 200px;">
                    <input type="text" name="register_date2" id="register-date2" class="layui-input layui-date-elem">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width: 100px;">保险日期</label>
                <div class="layui-input-inline">
                    <input type="text" name="insurer_month1" class="layui-input" style="display: inline-block; width: 60px;"> 月
                    <input type="text" name="insurer_day1" class="layui-input" style="display: inline-block; width: 60px;"> 日
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline">
                    <input type="text" name="insurer_month2" class="layui-input" style="display: inline-block; width: 60px;"> 月
                    <input type="text" name="insurer_day2" class="layui-input" style="display: inline-block; width: 60px;"> 日
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" style="width: 100px;">新车购置价</label>
                <div class="layui-input-inline" style="width: auto;">
                    <input type="text" name="price1" class="layui-input" style="display: inline-block; width: 60px;"> 万
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: auto;">
                    <input type="text" name="price2" class="layui-input" style="display: inline-block; width: 60px;"> 万
                </div>
            </div>
            <div class="layui-input-block layui-text-right" id="tool-bar">
                <button type="button" class="layui-btn" id="search-btn">搜索</button>
            </div>
        </div>
    </div>
    <div class="layui-card-body layui-form">
        <table class="layui-hide" id="car-info" lay-filter="car-info"></table>
    </div>
</div>
{/block}
{block name="script"}
<!--Core Javascript -->
<script type="text/html" id="table-bar">
    <a class="layui-btn layui-btn-xs" lay-event="detail">详情</a>
</script>
<script type="text/html" id="BmcNameTpl">
    {{#  if(d.bmc_download_times > 0){ }}
        <span style="color: #01AAED;">{{ d.export_bmc_name }}</span>
    {{#  } else { }}
        <span style="color: #ed0e1b;">{{ d.export_bmc_name }}</span>
    {{#  } }}
</script>
<script type="text/html" id="BhxNameTpl">
    {{#  if(d.bhx_download_times > 0){ }}
        <span style="color: #01AAED;">{{ d.export_bhx_name }}</span>
    {{#  } else { }}
        <span style="color: #ed0e1b;">{{ d.export_bhx_name }}</span>
    {{#  } }}
</script>
<script>
    $(function () {
        var tableIns = layui.table.render({
            id: 'carInfo',
            elem: '#car-info',
            title:'车辆信息',
            url: '{:url("/repeat/data/")}', //数据接口
            where: getUrlParam('Object'),
            toolbar: true,
            page: true, //开启分页
            limit: 20,
            loading: true,
            cols: [[ //表头
                // {type: 'checkbox', fixed: 'left'},
                {field: 'car_no', title: '车牌号', width: 100, edit: 'text', fixed: 'left'},
                {field: 'car_frame_no', title: '车架号', width: 180, edit: 'text'},
                {field: 'engine_no', title: '发动机号', width: 100, edit: 'text'},
                {field: 'factory_model', title: '厂牌型号', width: 200, edit: 'text'},
                {field: 'register_date', title: '注册日期', width: 100, edit: 'text'},
                {field: 'car_man', title: '车主', width: 80, edit: 'text'},
                {field: 'car_number', title: '车主证件号', width: 160, edit: 'text'},
                {field: 'car_phone', title: '车主电话', width: 120, edit: 'text'},
                {field: 'id_man', title: '被保险人', width: 80, edit: 'text'},
                {field: 'id_number', title: '被保险人证件号', width: 160, edit: 'text'},
                {field: 'id_phone', title: '被保险人电话', width: 120, edit: 'text'},
                {field: 'insured_man', title: '投保人', width: 80, edit: 'text'},
                {field: 'insured_number', title: '投保人证件号', width: 160, edit: 'text'},
                {field: 'insured_phone', title: '投保人电话', width: 120, edit: 'text'},
                {field: 'link_man_1', title: '联系人1', width: 80, edit: 'text'},
                {field: 'link_phone_1', title: '联系人电话1', width: 120, edit: 'text'},
                {field: 'link_man_2', title: '联系人2', width: 80, edit: 'text'},
                {field: 'link_phone_2', title: '联系人电话2', width: 120, edit: 'text'},
                {field: 'link_man_3', title: '联系人3', width: 80, edit: 'text'},
                {field: 'link_phone_3', title: '联系人电话3', width: 120, edit: 'text'},
                {field: 'purchase_price', title: '新车购置价', width: 100, edit: 'text'},
                {fixed: 'right', width: 100, align:'center', toolbar: '#table-bar'}
            ]],
            done: function (res, curr, count) {
                if(res.code == -1){
                    $('#lock-screen').css('display','flex');
                }
            }
        });

        //监听行工具事件
        layui.table.on('tool(car-info)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data, //获得当前行数据
                layEvent = obj.event; //获得 lay-event 对应的值
            if(layEvent === 'detail'){
                layer.open({
                    type: 2,
                    title: '车辆信息--' + data.car_no,
                    area: ['1100px','735px'],
                    shade: 0,
                    maxmin: true,
                    content: '{:url("repeat/edit")}?id=' + data.id,
                    zIndex: layer.zIndex,
                    success: function(layero){
                        layer.setTop(layero);
                    }
                });
            }
        });

        var urlParams = getUrlParam('Object');
        $('.layui-date-elem').each(function (i, d) {
            layui.laydate.render({
                elem: d,
            });
        });
        $('#search-btn').on('click', function(){
            var param = $('.layui-card-header').find(':input').serializeObject();
            param['data_filter[]'] = param['data_filter[]']?param['data_filter[]']:'';
            param = Object.assign(param, urlParams);
            //执行重载
            tableIns.reload({
                page: {
                    curr: 1 //重新从第 1 页开始
                },
                where: param,
            }, 'data');
        });
    });

    function task_create(type,id = 0){
        $.post('{:url("task/save")}', {task_type: type,source_id: id}, function (ret) {
            layer.msg(ret['msg'],function(){
                layui.table.reload('taskInfo');
            });
        });
    }
</script>
{/block}