szcp_admin/application/admin/view/main_project/index_search.html

<style>
    .layui-col-space12>*{
        padding: 6px 0 6px 0 !important;
    }
</style>
<fieldset>

    <legend>条件搜索</legend>
    <form class="layui-form layui-form-pane form-search" action="{:request()->url()}" onsubmit="return false" method="get" >


        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">建筑分类</label>
            <div class="layui-input-inline">
                <select class="layui-select" name="category_id">
                    {foreach $menus as $k=>$v}
                    {eq name='Think.get.category_id' value='$v.id.""'}
                    <option selected value="{$v.id}">{$v.spl|raw}{$v.title}</option>
                    {else}
                    <option value="{$v.id}">{$v.spl|raw}{$v.title}</option>
                    {/eq}
                    {/foreach}
                </select>
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">工程类别</label>
            <div class="layui-input-inline">
                <select class="layui-select" name="engineering_category">
                    {foreach [''=>'-- 全部 --','新建工程'=>'新建工程','改扩建加固工程'=>'改扩建加固工程','其他'=>'其他'] as $k=>$v}
                    {eq name='Think.get.engineering_category' value='$k.""'}
                    <option selected value="{$k}">{$v}</option>
                    {else}
                    <option value="{$k}">{$v}</option>
                    {/eq}
                    {/foreach}
                </select>
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">工程范围</label>
            <div class="layui-input-inline">
                <input name="project_scope" value="{$Think.get.project_scope|default=''}" placeholder="请输入工程范围" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">造价类别</label>
            <div class="layui-input-inline">
                <select class="layui-select" name="cost_categories">
                    {foreach [''=>'-- 全部 --','投标价'=>'投标价','合同价'=>'合同价','结算价'=>'结算价','重计量'=>'重计量','清单控制价'=>'清单控制价','估算'=>'估算','概算'=>'概算','目标成本'=>'目标成本','其他'=>'其他'] as $k=>$v}
                    {eq name='Think.get.cost_categories' value='$k.""'}
                    <option selected value="{$k}">{$v}</option>
                    {else}
                    <option value="{$k}">{$v}</option>
                    {/eq}
                    {/foreach}
                </select>
            </div>
        </div>


        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">模板类型</label>
            <div class="layui-input-inline">
                <select class="layui-select" name="template">
                    {foreach $template as $k=>$v}
                    {eq name='Think.get.template' value='$v.id.""'}
                    <option selected value="{$v.id}">{$v.title}</option>
                    {else}
                    <option value="{$v.id}">{$v.title}</option>
                    {/eq}
                    {/foreach}
                </select>
            </div>
        </div>

        <br />


        <div class="layui-form-item layui-inline ">
            <label class="layui-form-label">建设地点</label>
            <div class="layui-input-inline layui-col-space18" style="width: 350px">
                <label class="layui-col-xs4">
                    <select name="construction_site_province"  id="province" lay-filter="province">
                        <option value="">选择省</option>
                        {foreach $province as $k=>$v}
                        {eq name='Think.get.construction_site_province' value='$v.name.""'}
                        <option selected value="{$v.name}">{$v.name}</option>
                        {else}
                        <option value="{$v.name}">{$v.name}</option>
                        {/eq}
                        {/foreach}
                    </select>
                </label>
                <label class="layui-col-xs4">
                    <select name="construction_site_city" class="city-selector" data-value="" id="city" lay-filter="city">
                        <option value="">选择市</option>
                        {foreach $city as $k=>$v}
                        {eq name='Think.get.construction_site_city' value='$v.name.""'}
                        <option selected value="{$v.name}">{$v.name}</option>
                        {else}
                        <option value="{$v.name}">{$v.name}</option>
                        {/eq}
                        {/foreach}
                    </select>
                </label>
                <label class="layui-col-xs4">
                    <select name="construction_site_area" class="county-selector" data-value="" id="area" lay-filter="area">
                        <option value="">选择区</option>
                        {foreach $area as $k=>$v}
                        {eq name='Think.get.construction_site_area' value='$v.name.""'}
                        <option selected value="{$v.name}">{$v.name}</option>
                        {else}
                        <option value="{$v.name}">{$v.name}</option>
                        {/eq}
                        {/foreach}
                    </select>
                </label>
            </div>
        </div>


        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">编制日期</label>
            <div class="layui-input-inline">
<!--                <input type="text" class="layui-input" readonly name="prepare_date" value="{$Think.get.prepare_date|default=''}" id="test1" placeholder="yyyy-MM-dd">-->
                <input data-date-range name="prepare_date" readonly value="{$Think.get.prepare_date|default=''}" placeholder="请选择编制日期" class="layui-input">
            </div>
        </div>

        <br />

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">项目名称</label>
            <div class="layui-input-inline">
                <input name="project_name" value="{$Think.get.project_name|default=''}" placeholder="请输入项目名称" class="layui-input">
            </div>
        </div>


        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">清单编制依据</label>
            <div class="layui-input-inline">
                <input name="basis_for_listing" value="{$Think.get.basis_for_listing|default=''}" placeholder="请输入清单编制依据" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">建筑类别及组成</label>
            <div class="layui-input-inline">
                <input name="building_composition" value="{$Think.get.building_composition|default=''}" placeholder="请输入建筑类别及组成" class="layui-input">
            </div>
        </div>



        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">标准（档次）</label>
            <div class="layui-input-inline">
                <input name="grade" value="{$Think.get.grade|default=''}" placeholder="请输入标准（档次）" class="layui-input">
            </div>
        </div>

        <br />

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">总用地面积</label>
            <div class="layui-input-inline layui-col-space12">
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="total_land_area_start" id="total_land_area_start" placeholder="" value="{$Think.get.total_land_area_start|default=''}" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="total_land_area_end" id="total_land_area_end" placeholder="" value="{$Think.get.total_land_area_end|default=''}" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">总建筑面积</label>
            <div class="layui-input-inline layui-col-space12">
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="gross_floor_area_start" id="gross_floor_area_start" placeholder="" value="{$Think.get.gross_floor_area_start|default=''}" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="gross_floor_area_end" id="gross_floor_area_end" placeholder="" value="{$Think.get.gross_floor_area_end|default=''}" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">地上面积</label>
            <div class="layui-input-inline layui-col-space12">
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="floor_area_start" id="floor_area_start" placeholder="" value="{$Think.get.floor_area_start|default=''}" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="floor_area_end" id="floor_area_end" placeholder="" value="{$Think.get.floor_area_end|default=''}" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">地下面积</label>
            <div class="layui-input-inline layui-col-space12">
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="underground_area_start" id="underground_area_start" placeholder="" value="{$Think.get.underground_area_start|default=''}" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="underground_area_end" id="underground_area_end" placeholder="" value="{$Think.get.underground_area_end|default=''}" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">建筑密度</label>
            <div class="layui-input-inline layui-col-space12">
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="building_density_start" id="building_density_start" placeholder="" value="{$Think.get.building_density_start|default=''}" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="building_density_end" id="building_density_end" placeholder="" value="{$Think.get.building_density_end|default=''}" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">绿化面积</label>
            <div class="layui-input-inline layui-col-space12">
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="green_area_start" id="green_area_start" placeholder="" value="{$Think.get.green_area_start|default=''}" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="green_area_end" id="green_area_end" placeholder="" value="{$Think.get.green_area_end|default=''}" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">道路面积</label>
            <div class="layui-input-inline layui-col-space12">
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="road_area_start" id="road_area_start" placeholder="" value="{$Think.get.road_area_start|default=''}" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="road_area_end" id="road_area_end" placeholder="" value="{$Think.get.road_area_end|default=''}" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">道路长度</label>
            <div class="layui-input-inline layui-col-space12">
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="road_length_start" id="road_length_start" placeholder="" value="{$Think.get.road_length_start|default=''}" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="road_length_end" id="road_length_end" placeholder="" value="{$Think.get.road_length_end|default=''}" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">分期或分期建设情况描述</label>
            <div class="layui-input-inline" style="width: 187px">
                <input name="case_description" value="{$Think.get.case_description|default=''}" style="width: 190px !important;" placeholder="请输入分期或分期建设情况描述" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">功能参数</label>
            <div class="layui-input-inline">
                <input name="function_parameters" value="{$Think.get.function_parameters|default=''}" placeholder="请输入功能参数" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">人防面积</label>
            <div class="layui-input-inline">
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="defense_start" id="defense_start" placeholder="" value="{$Think.get.defense_start|default=''}" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="defense_end" id="defense_end" placeholder="" value="{$Think.get.defense_end|default=''}" class="layui-input">
                </div>
            </div>
        </div>

        <br />

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">人防类型</label>
            <div class="layui-input-inline">
                <input name="defense_type" value="{$Think.get.defense_type|default=''}" placeholder="请输入人防类型" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">投资主体</label>
            <div class="layui-input-inline">
                <input name="investment_subject" value="{$Think.get.investment_subject|default=''}" placeholder="请输入人投资主体" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">资金来源</label>
            <div class="layui-input-inline">
                <input name="sources_funding" value="{$Think.get.sources_funding|default=''}" placeholder="请输入资金来源" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">承发包模式</label>
            <div class="layui-input-inline">
                <input name="contract_mode" value="{$Think.get.contract_mode|default=''}" placeholder="请输入承发包模式" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">组织管理模式</label>
            <div class="layui-input-inline">
                <input name="management_mode" value="{$Think.get.management_mode|default=''}" placeholder="请输入组织管理模式" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">业主</label>
            <div class="layui-input-inline">
                <input name="owner" value="{$Think.get.owner|default=''}" placeholder="请输入业主" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">总包</label>
            <div class="layui-input-inline">
                <input name="total_package" value="{$Think.get.total_package|default=''}" placeholder="请输入总包" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">开工时间</label>
            <div class="layui-input-inline">
                <input data-date-range name="starting_time" readonly value="{$Think.get.starting_time|default=''}" placeholder="请选择开工时间" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">竣工时间</label>
            <div class="layui-input-inline">
                <input data-date-range name="ending_time" readonly value="{$Think.get.ending_time|default=''}" placeholder="请选择竣工时间" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">工期</label>
            <div class="layui-input-inline layui-col-space12">
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="project_time_start" id="project_time_start" placeholder="" value="{$Think.get.project_time_start|default=''}" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 68px;">
                    <input type="text" name="project_time_end" id="project_time_end" placeholder="" value="{$Think.get.project_time_end|default=''}" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">获奖情况</label>
            <div class="layui-input-inline">
                <input name="awards" value="{$Think.get.awards|default=''}" placeholder="请输入获奖情况" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">其他说明</label>
            <div class="layui-input-inline">
                <input name="other_instructions" value="{$Think.get.other_instructions|default=''}" placeholder="请输入其他说明" class="layui-input">
            </div>
        </div>


        <div class="layui-form-item layui-inline">
            <button class="layui-btn layui-btn-primary" style="color: #FFFFFF;background-color: #DC2219" lay-submit lay-filter="tijiao"><i class="layui-icon">&#xe615;</i>立即搜索</button>
        </div>
    </form>

</fieldset>

<script>
    form.render();
    layui.use(['form', 'layedit', 'laydate'], function(){
        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;

        //常规用法
        laydate.render({
            elem: '#test1'
        });

        form.on('submit(tijiao)', function(data) {
            var total_land_area_start = data.field.total_land_area_start;
            var total_land_area_end = data.field.total_land_area_end;
            if (total_land_area_start=='' && total_land_area_end!=''){
                layer.msg('请输入起始值');
                $("#total_land_area_start").focus();
                return false
            }else if (total_land_area_start!='' && total_land_area_end==''){
                layer.msg('请输入终止值');
                $("#total_land_area_end").focus();
                return false
            }else if (total_land_area_end<total_land_area_start){
                layer.msg('终止值小于起始值');
                $("#total_land_area_start").focus();
                return false
            }

            var gross_floor_area_start = data.field.gross_floor_area_start;
            var gross_floor_area_end = data.field.gross_floor_area_end;
            if (gross_floor_area_start=='' && gross_floor_area_end!=''){
                layer.msg('请输入起始值');
                $("#gross_floor_area_start").focus();
                return false
            }else if (gross_floor_area_start!='' && gross_floor_area_end==''){
                layer.msg('请输入终止值');
                $("#gross_floor_area_end").focus();
                return false
            }else if (gross_floor_area_end<gross_floor_area_start){
                layer.msg('终止值小于起始值');
                $("#gross_floor_area_start").focus();
                return false
            }


            var floor_area_start = data.field.floor_area_start;
            var floor_area_end = data.field.floor_area_end;
            if (floor_area_start=='' && floor_area_end!=''){
                layer.msg('请输入起始值');
                $("#floor_area_start").focus();
                return false
            }else if (floor_area_start!='' && floor_area_end==''){
                layer.msg('请输入终止值');
                $("#floor_area_end").focus();
                return false
            }else if (floor_area_end<floor_area_start){
                layer.msg('终止值小于起始值');
                $("#floor_area_start").focus();
                return false
            }

            var underground_area_start = data.field.underground_area_start;
            var underground_area_end = data.field.underground_area_end;
            if (underground_area_start=='' && underground_area_end!=''){
                layer.msg('请输入起始值');
                $("#underground_area_start").focus();
                return false
            }else if (underground_area_start!='' && underground_area_end==''){
                layer.msg('请输入终止值');
                $("#underground_area_end").focus();
                return false
            }else if (underground_area_end<underground_area_start){
                layer.msg('终止值小于起始值');
                $("#underground_area_start").focus();
                return false
            }

            var building_density_start = data.field.building_density_start;
            var building_density_end = data.field.building_density_end;
            if (building_density_start=='' && building_density_end!=''){
                layer.msg('请输入起始值');
                $("#building_density_start").focus();
                return false
            }else if (building_density_start!='' && building_density_end==''){
                layer.msg('请输入终止值');
                $("#building_density_end").focus();
                return false
            }else if (building_density_end<building_density_start){
                layer.msg('终止值小于起始值');
                $("#building_density_start").focus();
                return false
            }


            var green_area_start = data.field.green_area_start;
            var green_area_end = data.field.green_area_end;
            if (green_area_start=='' && green_area_end!=''){
                layer.msg('请输入起始值');
                $("#green_area_start").focus();
                return false
            }else if (green_area_start!='' && green_area_end==''){
                layer.msg('请输入终止值');
                $("#green_area_end").focus();
                return false
            }else if (green_area_end<green_area_start){
                layer.msg('终止值小于起始值');
                $("#green_area_start").focus();
                return false
            }

            var road_area_start = data.field.road_area_start;
            var road_area_end = data.field.road_area_end;
            if (road_area_start=='' && road_area_end!=''){
                layer.msg('请输入起始值');
                $("#road_area_start").focus();
                return false
            }else if (road_area_start!='' && road_area_end==''){
                layer.msg('请输入终止值');
                $("#road_area_end").focus();
                return false
            }else if (road_area_end<road_area_start){
                layer.msg('终止值小于起始值');
                $("#road_area_start").focus();
                return false
            }

            var road_length_start = data.field.road_length_start;
            var road_length_end = data.field.road_length_end;
            if (road_length_start=='' && road_length_end!=''){
                layer.msg('请输入起始值');
                $("#road_length_start").focus();
                return false
            }else if (road_length_start!='' && road_length_end==''){
                layer.msg('请输入终止值');
                $("#road_length_end").focus();
                return false
            }else if (road_length_end<road_length_start){
                layer.msg('终止值小于起始值');
                $("#road_length_start").focus();
                return false
            }

            var project_time_start = data.field.project_time_start;
            var project_time_end = data.field.project_time_end;
            if (project_time_start=='' && project_time_end!=''){
                layer.msg('请输入起始值');
                $("#project_time_start").focus();
                return false
            }else if (project_time_start!='' && project_time_end==''){
                layer.msg('请输入终止值');
                $("#project_time_end").focus();
                return false
            }else if (project_time_end<project_time_start){
                layer.msg('终止值小于起始值');
                $("#project_time_start").focus();
                return false
            }

            var defense_start = data.field.defense_start;
            var defense_end = data.field.defense_end;
            if (defense_start=='' && defense_end!=''){
                layer.msg('请输入起始值');
                $("#defense_start").focus();
                return false
            }else if (defense_start!='' && defense_end==''){
                layer.msg('请输入终止值');
                $("#defense_end").focus();
                return false
            }else if (defense_end<defense_start){
                layer.msg('终止值小于起始值');
                $("#defense_start").focus();
                return false
            }



        });

        form.on('select(province)', function (data) {
            var val = data.value;
            $.ajax({
                type:"get",
                url:"{:url('MainProject/get_city')}",  //数据传输的控制器方法
                data: {id:val},//这里data传递过去的是序列化以后的字符串
                success:function(data){
                    //console.log(data)
                    var arr = data.data;
                    //console.log(arr)
                    if (arr.length>0){
                        //$("#tow").attr("style","display:block;");//显示div
                        var options='<option value="">选择市</option>';
                        for (var i = 0; i < arr.length; i++) {
                            var tag = arr[i];
                            options+=' <option value="'+tag.name+'">'+tag.name+'</option>';
                        }
                        $("select[name='construction_site_city']").html(options)
                        form.render('select');
                    }else {
                        var options='<option value="">选择市</option>';
                        $("select[name='construction_site_city']").html(options)
                        form.render('select');
                    }
                }
            });
        });

        form.on('select(city)', function (data) {
            var val = data.value;
            // console.log(val)
            $.ajax({
                type:"get",
                url:"{:url('MainProject/get_area')}",  //数据传输的控制器方法
                data: {id:val},//这里data传递过去的是序列化以后的字符串
                success:function(data){
                    //console.log(data)
                    var arr = data.data;
                    // console.log(arr)
                    if (arr.length>0){
                        var options='<option value="">选择区</option>';
                        for (var i = 0; i < arr.length; i++) {
                            var tag = arr[i];
                            options+=' <option value="'+tag.name+'">'+tag.name+'</option>';
                        }
                        $("select[name='construction_site_area']").html(options)
                        form.render('select');
                    }else {
                        var options='<option value="">选择区</option>';
                        $("select[name='construction_site_area']").html(options)
                        form.render('select');
                    }
                }
            });
        });

    });

</script>