From 91eecab89a0a8dc49bd05e71b3f375917cc145c4 Mon Sep 17 00:00:00 2001
From: "suhang_max@163.com" <suhang_max@163.com>
Date: Fri, 28 Oct 2022 15:22:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A1=B9=E7=9B=AE=E7=90=86?=
 =?UTF-8?q?=E6=83=B3=E6=A6=82=E7=AE=97=E7=AE=A1=E7=90=86=E7=9A=84=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E4=B8=8A=E6=96=B9=E6=90=9C=E7=B4=A2=E5=8C=BA=E5=9F=9F?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/admin/project_list.ftl          | 657 +++++++++++++-----
 1 file changed, 478 insertions(+), 179 deletions(-)

diff --git a/src/main/resources/templates/admin/project_list.ftl b/src/main/resources/templates/admin/project_list.ftl
index 7b6b48d..0fc0977 100644
--- a/src/main/resources/templates/admin/project_list.ftl
+++ b/src/main/resources/templates/admin/project_list.ftl
@@ -79,27 +79,78 @@
                     <input type="hidden" id="keywords" name="keywords" value='${keywords!""}'/>
                     <input type="hidden" id="pageNumber" name="pageNumber" value='${pageNumber!}'/>
                     <input type="hidden" id="orderTypeStr" name="orderTypeStr" value='${orderTypeStr!""}'/>
-                    <table class="am-table am-table-bordered am-table-radius table-main" style="padding:0;">
-                        <tbody>
-                        <tr>
-                            <th class="am-text-middle" style="width: 10%">项目编号</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <input type="text" id="projectNo" class="am-form-field am-input-sm"
-                                           value="${projectNo!}"/>
+                    <style>
+                        .flex-row {
+                            display: -webkit-box;
+                            display: -webkit-flex;
+                            display: flex;
+                            display: -ms-flex;
+                        }
+                        .search-table {
+                            position: relative;
+                            width: 100%;
+                            padding: 12px 0 0;
+                            border: 1px solid #d8d8d8;
+                            border-radius: 4px;
+                        }
+                        .search-table input {
+                            border-color: #e6e6e6!important;
+                        }
+                        .search-table .st-row {
+                            position: relative;
+                            width: 100%;
+                            justify-content: space-between;
+                            /*align-items: center;*/
+                            padding: 0 12px 12px;
+                            margin-bottom: 12px;
+                            border-bottom: 1px solid #d8d8d8;
+                        }
+                        .search-table .tools-row {
+                            position: relative;
+                            width: 100%;
+                            justify-content: flex-end;
+                            padding-right: 12px;
+                            margin-bottom: 12px;
+                        }
+                        .tools-row button {
+                            margin-left: 12px;
+                        }
+                        .st-row .st-col {
+                            position: relative;
+                            flex: 0 0 22%;
+                        }
+                        .st-col .st-col-title {
+                            font-size: 14px;
+                            color: #333;
+                            margin-bottom: 6px;
+                            white-space: nowrap;
+                            font-weight: bold;
+                        }
+                        .expand-section {
+                            display: block;
+                        }
+                        .expand-section.fold {
+                            display: none;
+                        }
+                    </style>
+                    <div class="search-table">
+                        <div class="flex-row st-row">
+                            <div class="st-col">
+                                <div class="st-col-title">项目编号</div>
+                                <div class="st-col-field">
+                                    <input type="text" id="projectNo" class="am-form-field am-input-sm" value="${projectNo!}"/>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%">项目名称</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <input type="text" id="name" class="am-form-field am-input-sm"
-                                           value="${name!}"/>
+                            </div>
+                            <div class="st-col">
+                                <div class="st-col-title">项目名称</div>
+                                <div class="st-col-field">
+                                    <input type="text" id="name" class="am-form-field am-input-sm" value="${name!}"/>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%">项目状态</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500,searchBox: 1}" id="status" name="status">
+                            </div>
+                            <div class="st-col">
+                                <div class="st-col-title">项目状态</div>
+                                <div class="st-col-field">
+                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '100%',maxHeight: 500,searchBox: 1}" id="status" name="status">
                                         <option value="-1">全部</option>
                                         <option value="1" <#if status?? && status='1'>selected</#if>>项目创建(概算)</option>
                                         <option value="5" <#if status?? && status='5'>selected</#if>>预算</option>
@@ -107,21 +158,20 @@
                                         <option value="15" <#if status?? && status='15'>selected</#if>>决算</option>
                                     </select>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%">项目创建者</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <input type="text" id="creatorName" class="am-form-field am-input-sm"
-                                           value="${creatorName!}"/>
+                            </div>
+                            <div class="st-col">
+                                <div class="st-col-title">项目创建者</div>
+                                <div class="st-col-field">
+                                    <input type="text" id="creatorName" class="am-form-field am-input-sm" value="${creatorName!}"/>
                                 </div>
-                            </td>
-                        </tr>
-
-                        <tr>
-                            <th class="am-text-middle" style="width: 10%">部门名称</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500,searchBox: 1}" id="deptId" name="deptId">
+                            </div>
+                        </div>
+                        <!-- 第二行 -->
+                        <div class="flex-row st-row">
+                            <div class="st-col">
+                                <div class="st-col-title">部门名称</div>
+                                <div class="st-col-field">
+                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '100%',maxHeight: 500,searchBox: 1}" id="deptId" name="deptId">
                                         <option value="-1">全部</option>
                                         <#list  deptList as dept>
                                             <option value=${dept.id!} <#if deptId! =="${dept.id}" >
@@ -130,21 +180,21 @@
                                         </#list>
                                     </select>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%">项目类型</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500,searchBox: 1}" id="type" name="type">
+                            </div>
+                            <div class="st-col">
+                                <div class="st-col-title">项目类型</div>
+                                <div class="st-col-field">
+                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '100%',maxHeight: 500,searchBox: 1}" id="type" name="type">
                                         <option value="-1">全部</option>
                                         <option value="1" <#if type?? && type='1'>selected</#if>>工程集成类</option>
                                         <option value="2" <#if type?? && type='2'>selected</#if>>设备集成类</option>
                                     </select>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%">垫资模式</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500,searchBox: 1}" id="underwrittenMode" name="underwrittenMode">
+                            </div>
+                            <div class="st-col">
+                                <div class="st-col-title">垫资模式</div>
+                                <div class="st-col-field">
+                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '100%',maxHeight: 500,searchBox: 1}" id="underwrittenMode" name="underwrittenMode">
                                         <option value="-1">全部</option>
                                         <option value="1" <#if underwrittenMode?? && underwrittenMode='1'>selected</#if>>A类-不垫资（战略合作）</option>
                                         <option value="2" <#if underwrittenMode?? && underwrittenMode='2'>selected</#if>>B类-不垫资（背靠背）</option>
@@ -152,46 +202,43 @@
                                         <option value="4" <#if underwrittenMode?? && underwrittenMode='4'>selected</#if>>D类-垫资（账期不覆盖）</option>
                                     </select>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%">项目把握度</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500,searchBox: 1}" id="certainty" name="certainty">
+                            </div>
+                            <div class="st-col">
+                                <div class="st-col-title">项目把握度</div>
+                                <div class="st-col-field">
+                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '100%',maxHeight: 500,searchBox: 1}" id="certainty" name="certainty">
                                         <option value="-1">全部</option>
                                         <option value="1" <#if certainty?? && certainty='1'>selected</#if>>A：项目成功率80%-100%</option>
                                         <option value="2" <#if certainty?? && certainty='2'>selected</#if>>B：项目成功率60%-80%</option>
                                         <option value="3" <#if certainty?? && certainty='3'>selected</#if>>C：项目成功率40%-60%</option>
                                     </select>
                                 </div>
-                            </td>
-                        </tr>
-
-                        <tr>
-                            <th class="am-text-middle" style="width: 10%">客户名称</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <input type="text" id="customer" class="am-form-field am-input-sm"
-                                           value="${customer!}"/>
+                            </div>
+                        </div>
+                        <!-- 第三行 -->
+                        <div class="flex-row st-row">
+                            <div class="st-col">
+                                <div class="st-col-title">客户名称</div>
+                                <div class="st-col-field">
+                                    <input type="text" id="customer" class="am-form-field am-input-sm" value="${customer!}"/>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%">最终用户名称</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <input type="text" id="terminalCustomer" class="am-form-field am-input-sm"
-                                           value="${terminalCustomer!}"/>
+                            </div>
+                            <div class="st-col">
+                                <div class="st-col-title">最终用户名称</div>
+                                <div class="st-col-field">
+                                    <input type="text" id="terminalCustomer" class="am-form-field am-input-sm" value="${terminalCustomer!}"/>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%">项目负责人</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <input type="text" id="principal" class="am-form-field am-input-sm"
-                                           value="${principal!}"/>
+                            </div>
+                            <div class="st-col">
+                                <div class="st-col-title">项目负责人</div>
+                                <div class="st-col-field">
+                                    <input type="text" id="principal" class="am-form-field am-input-sm" value="${principal!}"/>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%">审核状态</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500,searchBox: 1}" id="approveStatus" name="approveStatus">
+                            </div>
+                            <div class="st-col">
+                                <div class="st-col-title">审核状态</div>
+                                <div class="st-col-field">
+                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '100%',maxHeight: 500,searchBox: 1}" id="approveStatus" name="approveStatus">
                                         <option value="-1">全部</option>
                                         <option value="0" <#if approveStatus?? && approveStatus='0'>selected</#if>>草稿</option>
                                         <option value="1" <#if approveStatus?? && approveStatus='1'>selected</#if>>待审核</option>
@@ -199,146 +246,396 @@
                                         <option value="3" <#if approveStatus?? && approveStatus='3'>selected</#if>>审核不通过</option>
                                     </select>
                                 </div>
-                            </td>
-                        </tr>
-
-                        <tr class="extendCondition" <#if extend='1'> hidden</#if>>
-                            <th class="am-text-middle" style="width: 10%">是否二次合作</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500}" id="isSecond" name="isSecond">
-                                        <option value="-1">全部</option>
-                                        <option value="1" <#if isSecond?? && isSecond='1'>selected</#if>>是</option>
-                                        <option value="2" <#if isSecond?? && isSecond='2'>selected</#if>>否</option>
-                                    </select>
+                            </div>
+                        </div>
+                        <!-- 扩展区域 -->
+                        <div class="expand-section <#if extend='1'> fold</#if>">
+                            <!-- 第四行 -->
+                            <div class="flex-row st-row">
+                                <div class="st-col">
+                                    <div class="st-col-title">是否二次合作</div>
+                                    <div class="st-col-field">
+                                        <select data-am-selected="{btnSize: 'sm',btnWidth: '100%',maxHeight: 500}" id="isSecond" name="isSecond">
+                                            <option value="-1">全部</option>
+                                            <option value="1" <#if isSecond?? && isSecond='1'>selected</#if>>是</option>
+                                            <option value="2" <#if isSecond?? && isSecond='2'>selected</#if>>否</option>
+                                        </select>
+                                    </div>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%">直签</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500}" id="signType" name="signType">
-                                        <option value="-1">全部</option>
-                                        <option value="1" <#if signType?? && signType='1'>selected</#if>>是</option>
-                                        <option value="2" <#if signType?? && signType='2'>selected</#if>>否</option>
-                                    </select>
+                                <div class="st-col">
+                                    <div class="st-col-title">直签</div>
+                                    <div class="st-col-field">
+                                        <select data-am-selected="{btnSize: 'sm',btnWidth: '100%',maxHeight: 500}" id="signType" name="signType">
+                                            <option value="-1">全部</option>
+                                            <option value="1" <#if signType?? && signType='1'>selected</#if>>是</option>
+                                            <option value="2" <#if signType?? && signType='2'>selected</#if>>否</option>
+                                        </select>
+                                    </div>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%">行业场景</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500}" id="industryScene" name="industryScene">
-                                        <option value="-1">全部</option>
-                                        <option value="1" <#if industryScene?? && industryScene='1'>selected</#if>>信息安全</option>
-                                        <option value="2" <#if industryScene?? && industryScene='2'>selected</#if>>政府</option>
-                                        <option value="3" <#if industryScene?? && industryScene='3'>selected</#if>>公安</option>
-                                        <option value="4" <#if industryScene?? && industryScene='4'>selected</#if>>企业</option>
-                                        <option value="5" <#if industryScene?? && industryScene='5'>selected</#if>>教育</option>
-                                        <option value="6" <#if industryScene?? && industryScene='6'>selected</#if>>交通</option>
-                                        <option value="7" <#if industryScene?? && industryScene='7'>selected</#if>>医疗</option>
-                                        <option value="8" <#if industryScene?? && industryScene='8'>selected</#if>>电力资源</option>
-                                        <option value="9" <#if industryScene?? && industryScene='9'>selected</#if>>运营商</option>
-                                        <option value="10" <#if industryScene?? && industryScene='10'>selected</#if>>金融</option>
-                                        <option value="11" <#if industryScene?? && industryScene='11'>selected</#if>>专网</option>
-                                        <option value="12" <#if industryScene?? && industryScene='12'>selected</#if>>其他</option>
-                                        <option value="13" <#if industryScene?? && industryScene='13'>selected</#if>>互联网</option>
-                                        <option value="14" <#if industryScene?? && industryScene='14'>selected</#if>>银行</option>
-                                    </select>
+                                <div class="st-col">
+                                    <div class="st-col-title">行业场景</div>
+                                    <div class="st-col-field">
+                                        <select data-am-selected="{btnSize: 'sm',btnWidth: '100%',maxHeight: 500}" id="industryScene" name="industryScene">
+                                            <option value="-1">全部</option>
+                                            <option value="1" <#if industryScene?? && industryScene='1'>selected</#if>>信息安全</option>
+                                            <option value="2" <#if industryScene?? && industryScene='2'>selected</#if>>政府</option>
+                                            <option value="3" <#if industryScene?? && industryScene='3'>selected</#if>>公安</option>
+                                            <option value="4" <#if industryScene?? && industryScene='4'>selected</#if>>企业</option>
+                                            <option value="5" <#if industryScene?? && industryScene='5'>selected</#if>>教育</option>
+                                            <option value="6" <#if industryScene?? && industryScene='6'>selected</#if>>交通</option>
+                                            <option value="7" <#if industryScene?? && industryScene='7'>selected</#if>>医疗</option>
+                                            <option value="8" <#if industryScene?? && industryScene='8'>selected</#if>>电力资源</option>
+                                            <option value="9" <#if industryScene?? && industryScene='9'>selected</#if>>运营商</option>
+                                            <option value="10" <#if industryScene?? && industryScene='10'>selected</#if>>金融</option>
+                                            <option value="11" <#if industryScene?? && industryScene='11'>selected</#if>>专网</option>
+                                            <option value="12" <#if industryScene?? && industryScene='12'>selected</#if>>其他</option>
+                                            <option value="13" <#if industryScene?? && industryScene='13'>selected</#if>>互联网</option>
+                                            <option value="14" <#if industryScene?? && industryScene='14'>selected</#if>>银行</option>
+                                        </select>
+                                    </div>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%">项目解决方案</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500}" id="resolvePlan" name="resolvePlan">
-                                        <option value="-1">全部</option>
-                                        <option value="1" <#if resolvePlan?? && resolvePlan='1'>selected</#if>>公共服务(智慧交通、雪亮工程、治安防控体系等)</option>
-                                        <option value="2" <#if resolvePlan?? && resolvePlan='2'>selected</#if>>泛行业(智慧园区、智慧医疗、智慧工地等)</option>
-                                        <option value="3" <#if resolvePlan?? && resolvePlan='3'>selected</#if>>其他生态</option>
-                                    </select>
+                                <div class="st-col">
+                                    <div class="st-col-title">项目解决方案</div>
+                                    <div class="st-col-field">
+                                        <select data-am-selected="{btnSize: 'sm',btnWidth: '100%',maxHeight: 500}" id="resolvePlan" name="resolvePlan">
+                                            <option value="-1">全部</option>
+                                            <option value="1" <#if resolvePlan?? && resolvePlan='1'>selected</#if>>公共服务(智慧交通、雪亮工程、治安防控体系等)</option>
+                                            <option value="2" <#if resolvePlan?? && resolvePlan='2'>selected</#if>>泛行业(智慧园区、智慧医疗、智慧工地等)</option>
+                                            <option value="3" <#if resolvePlan?? && resolvePlan='3'>selected</#if>>其他生态</option>
+                                        </select>
+                                    </div>
                                 </div>
-                            </td>
-                        </tr>
-
-                        <tr class="extendCondition" <#if extend='1'> hidden</#if>>
-                            <th class="am-text-middle" style="width: 10%">最后更新时间</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <div class="am-form am-form-inline">
-                                        <div class="am-form-group am-form-icon">
+                            </div>
+                            <!-- 第五行 -->
+                            <div class="flex-row st-row">
+                                <div class="st-col">
+                                    <div class="st-col-title">最后更新时间</div>
+                                    <div class="st-col-field">
+                                        <div class="am-form-icon">
                                             <i class="am-icon-calendar"></i>
                                             <input type="text" class="am-form-field am-input-sm" id="startUpdateDate"
                                                    value="${startUpdateDate!}" placeholder="开始日期" autocomplete="off" data-am-datepicker>
                                         </div>
-                                        <div class="am-form-group">至</div>
-                                        <div class="am-form-group am-form-icon">
+                                        <div>至</div>
+                                        <div class="am-form-icon">
                                             <i class="am-icon-calendar"></i>
                                             <input type="text" class="am-form-field am-input-sm" id="endUpdateDate"
                                                    value="${endUpdateDate!}" placeholder="结束日期" autocomplete="off" data-am-datepicker>
                                         </div>
                                     </div>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%">项目周期</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <div class="am-form am-form-inline">
-                                        <div class="am-form-group am-form-icon">
+                                <div class="st-col">
+                                    <div class="st-col-title">项目周期</div>
+                                    <div class="st-col-field">
+                                        <div class="am-form-icon">
                                             <i class="am-icon-calendar"></i>
                                             <input type="text" class="am-form-field am-input-sm" id="startDate"
                                                    value="${startDate!}" placeholder="开始日期" autocomplete="off" data-am-datepicker>
                                         </div>
-                                        <div class="am-form-group">至</div>
-                                        <div class="am-form-group am-form-icon">
+                                        <div>至</div>
+                                        <div class="am-form-icon">
                                             <i class="am-icon-calendar"></i>
                                             <input type="text" class="am-form-field am-input-sm" id="endDate"
                                                    value="${endDate!}" placeholder="结束日期" autocomplete="off" data-am-datepicker>
                                         </div>
                                     </div>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%">预计合同签订时间</th>
-                            <td style="width: 15%">
-                                <div class="am-u-sm-10">
-                                    <div class="am-form am-form-inline">
-                                        <div class="am-form-group am-form-icon">
+                                <div class="st-col">
+                                    <div class="st-col-title">预计合同签订时间</div>
+                                    <div class="st-col-field">
+                                        <div class="am-form-icon">
                                             <i class="am-icon-calendar"></i>
                                             <input type="text" class="am-form-field am-input-sm" id="contractStartTime"
                                                    value="${contractStartTime!}" placeholder="开始日期" autocomplete="off" data-am-datepicker>
                                         </div>
-                                        <div class="am-form-group">至</div>
-                                        <div class="am-form-group am-form-icon">
+                                        <div>至</div>
+                                        <div class="am-form-icon">
                                             <i class="am-icon-calendar"></i>
                                             <input type="text" class="am-form-field am-input-sm" id="contractEndTime"
                                                    value="${contractEndTime!}" placeholder="结束日期" autocomplete="off" data-am-datepicker>
                                         </div>
                                     </div>
                                 </div>
-                            </td>
-                            <th class="am-text-middle" style="width: 10%"></th>
-                            <td style="width: 15%">
-
-                            </td>
-                        </tr>
-                        <tr>
-                            <td colspan="8">
-                                <div align='right'>
-                                    <button type="button" class="am-btn am-btn-default am-btn-sm am-text-secondary"
-                                            id="extend" value="${extend!}">扩展筛选项
-                                    </button>
-                                    <@shiro.hasPermission name="PROJECT_QUERY">
-                                    <button type="button" class="am-btn am-btn-default am-btn-sm am-text-secondary"
-                                            id="submit-btn">搜索
-                                    </button>
-                                    </@shiro.hasPermission>
-                                    <@shiro.hasPermission name="PROJECT_EXPORT">
-                                    <button type="button" class="am-btn am-btn-default am-btn-sm am-text-secondary"
-                                            id="submit-btn-export">导出
-                                    </button>
-                                    </@shiro.hasPermission>
+                                <div class="st-col">
                                 </div>
-                            </td>
-                        </tr>
-                        </tbody>
-                    </table>
+                            </div>
+                        </div>
+                        <div class="flex-row tools-row">
+                            <button type="button" class="am-btn am-btn-default am-btn-sm am-text-secondary"
+                                    id="extend" value="${extend!}">扩展筛选项
+                            </button>
+                            <@shiro.hasPermission name="PROJECT_QUERY">
+                                <button type="button" class="am-btn am-btn-default am-btn-sm am-text-secondary"
+                                        id="submit-btn">搜索
+                                </button>
+                            </@shiro.hasPermission>
+                            <@shiro.hasPermission name="PROJECT_EXPORT">
+                                <button type="button" class="am-btn am-btn-default am-btn-sm am-text-secondary"
+                                        id="submit-btn-export">导出
+                                </button>
+                            </@shiro.hasPermission>
+                        </div>
+                    </div>
+<#--                    <table class="am-table am-table-bordered am-table-radius table-main" style="padding:0;">-->
+<#--                        <tbody>-->
+<#--                        <tr>-->
+<#--                            <th class="am-text-middle" style="width: 10%">项目编号</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <input type="text" id="projectNo" class="am-form-field am-input-sm"-->
+<#--                                           value="${projectNo!}"/>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%">项目名称</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <input type="text" id="name" class="am-form-field am-input-sm"-->
+<#--                                           value="${name!}"/>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%">项目状态</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500,searchBox: 1}" id="status" name="status">-->
+<#--                                        <option value="-1">全部</option>-->
+<#--                                        <option value="1" <#if status?? && status='1'>selected</#if>>项目创建(概算)</option>-->
+<#--                                        <option value="5" <#if status?? && status='5'>selected</#if>>预算</option>-->
+<#--                                        <option value="10" <#if status?? && status='10'>selected</#if>>结算</option>-->
+<#--                                        <option value="15" <#if status?? && status='15'>selected</#if>>决算</option>-->
+<#--                                    </select>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%">项目创建者</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <input type="text" id="creatorName" class="am-form-field am-input-sm"-->
+<#--                                           value="${creatorName!}"/>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                        </tr>-->
+
+<#--                        <tr>-->
+<#--                            <th class="am-text-middle" style="width: 10%">部门名称</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500,searchBox: 1}" id="deptId" name="deptId">-->
+<#--                                        <option value="-1">全部</option>-->
+<#--                                        <#list  deptList as dept>-->
+<#--                                            <option value=${dept.id!} <#if deptId! =="${dept.id}" >-->
+<#--                                                    selected-->
+<#--                                                    </#if>>${dept.name!}</option>-->
+<#--                                        </#list>-->
+<#--                                    </select>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%">项目类型</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500,searchBox: 1}" id="type" name="type">-->
+<#--                                        <option value="-1">全部</option>-->
+<#--                                        <option value="1" <#if type?? && type='1'>selected</#if>>工程集成类</option>-->
+<#--                                        <option value="2" <#if type?? && type='2'>selected</#if>>设备集成类</option>-->
+<#--                                    </select>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%">垫资模式</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500,searchBox: 1}" id="underwrittenMode" name="underwrittenMode">-->
+<#--                                        <option value="-1">全部</option>-->
+<#--                                        <option value="1" <#if underwrittenMode?? && underwrittenMode='1'>selected</#if>>A类-不垫资（战略合作）</option>-->
+<#--                                        <option value="2" <#if underwrittenMode?? && underwrittenMode='2'>selected</#if>>B类-不垫资（背靠背）</option>-->
+<#--                                        <option value="3" <#if underwrittenMode?? && underwrittenMode='3'>selected</#if>>C类-垫资（账期覆盖）</option>-->
+<#--                                        <option value="4" <#if underwrittenMode?? && underwrittenMode='4'>selected</#if>>D类-垫资（账期不覆盖）</option>-->
+<#--                                    </select>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%">项目把握度</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500,searchBox: 1}" id="certainty" name="certainty">-->
+<#--                                        <option value="-1">全部</option>-->
+<#--                                        <option value="1" <#if certainty?? && certainty='1'>selected</#if>>A：项目成功率80%-100%</option>-->
+<#--                                        <option value="2" <#if certainty?? && certainty='2'>selected</#if>>B：项目成功率60%-80%</option>-->
+<#--                                        <option value="3" <#if certainty?? && certainty='3'>selected</#if>>C：项目成功率40%-60%</option>-->
+<#--                                    </select>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                        </tr>-->
+
+<#--                        <tr>-->
+<#--                            <th class="am-text-middle" style="width: 10%">客户名称</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <input type="text" id="customer" class="am-form-field am-input-sm"-->
+<#--                                           value="${customer!}"/>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%">最终用户名称</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <input type="text" id="terminalCustomer" class="am-form-field am-input-sm"-->
+<#--                                           value="${terminalCustomer!}"/>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%">项目负责人</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <input type="text" id="principal" class="am-form-field am-input-sm"-->
+<#--                                           value="${principal!}"/>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%">审核状态</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500,searchBox: 1}" id="approveStatus" name="approveStatus">-->
+<#--                                        <option value="-1">全部</option>-->
+<#--                                        <option value="0" <#if approveStatus?? && approveStatus='0'>selected</#if>>草稿</option>-->
+<#--                                        <option value="1" <#if approveStatus?? && approveStatus='1'>selected</#if>>待审核</option>-->
+<#--                                        <option value="2" <#if approveStatus?? && approveStatus='2'>selected</#if>>审核通过</option>-->
+<#--                                        <option value="3" <#if approveStatus?? && approveStatus='3'>selected</#if>>审核不通过</option>-->
+<#--                                    </select>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                        </tr>-->
+
+<#--                        <tr class="extendCondition" <#if extend='1'> hidden</#if>>-->
+<#--                            <th class="am-text-middle" style="width: 10%">是否二次合作</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500}" id="isSecond" name="isSecond">-->
+<#--                                        <option value="-1">全部</option>-->
+<#--                                        <option value="1" <#if isSecond?? && isSecond='1'>selected</#if>>是</option>-->
+<#--                                        <option value="2" <#if isSecond?? && isSecond='2'>selected</#if>>否</option>-->
+<#--                                    </select>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%">直签</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500}" id="signType" name="signType">-->
+<#--                                        <option value="-1">全部</option>-->
+<#--                                        <option value="1" <#if signType?? && signType='1'>selected</#if>>是</option>-->
+<#--                                        <option value="2" <#if signType?? && signType='2'>selected</#if>>否</option>-->
+<#--                                    </select>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%">行业场景</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500}" id="industryScene" name="industryScene">-->
+<#--                                        <option value="-1">全部</option>-->
+<#--                                        <option value="1" <#if industryScene?? && industryScene='1'>selected</#if>>信息安全</option>-->
+<#--                                        <option value="2" <#if industryScene?? && industryScene='2'>selected</#if>>政府</option>-->
+<#--                                        <option value="3" <#if industryScene?? && industryScene='3'>selected</#if>>公安</option>-->
+<#--                                        <option value="4" <#if industryScene?? && industryScene='4'>selected</#if>>企业</option>-->
+<#--                                        <option value="5" <#if industryScene?? && industryScene='5'>selected</#if>>教育</option>-->
+<#--                                        <option value="6" <#if industryScene?? && industryScene='6'>selected</#if>>交通</option>-->
+<#--                                        <option value="7" <#if industryScene?? && industryScene='7'>selected</#if>>医疗</option>-->
+<#--                                        <option value="8" <#if industryScene?? && industryScene='8'>selected</#if>>电力资源</option>-->
+<#--                                        <option value="9" <#if industryScene?? && industryScene='9'>selected</#if>>运营商</option>-->
+<#--                                        <option value="10" <#if industryScene?? && industryScene='10'>selected</#if>>金融</option>-->
+<#--                                        <option value="11" <#if industryScene?? && industryScene='11'>selected</#if>>专网</option>-->
+<#--                                        <option value="12" <#if industryScene?? && industryScene='12'>selected</#if>>其他</option>-->
+<#--                                        <option value="13" <#if industryScene?? && industryScene='13'>selected</#if>>互联网</option>-->
+<#--                                        <option value="14" <#if industryScene?? && industryScene='14'>selected</#if>>银行</option>-->
+<#--                                    </select>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%">项目解决方案</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <select data-am-selected="{btnSize: 'sm',btnWidth: '150px',maxHeight: 500}" id="resolvePlan" name="resolvePlan">-->
+<#--                                        <option value="-1">全部</option>-->
+<#--                                        <option value="1" <#if resolvePlan?? && resolvePlan='1'>selected</#if>>公共服务(智慧交通、雪亮工程、治安防控体系等)</option>-->
+<#--                                        <option value="2" <#if resolvePlan?? && resolvePlan='2'>selected</#if>>泛行业(智慧园区、智慧医疗、智慧工地等)</option>-->
+<#--                                        <option value="3" <#if resolvePlan?? && resolvePlan='3'>selected</#if>>其他生态</option>-->
+<#--                                    </select>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                        </tr>-->
+
+<#--                        <tr class="extendCondition" <#if extend='1'> hidden</#if>>-->
+<#--                            <th class="am-text-middle" style="width: 10%">最后更新时间</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <div class="am-form am-form-inline">-->
+<#--                                        <div class="am-form-group am-form-icon">-->
+<#--                                            <i class="am-icon-calendar"></i>-->
+<#--                                            <input type="text" class="am-form-field am-input-sm" id="startUpdateDate"-->
+<#--                                                   value="${startUpdateDate!}" placeholder="开始日期" autocomplete="off" data-am-datepicker>-->
+<#--                                        </div>-->
+<#--                                        <div class="am-form-group">至</div>-->
+<#--                                        <div class="am-form-group am-form-icon">-->
+<#--                                            <i class="am-icon-calendar"></i>-->
+<#--                                            <input type="text" class="am-form-field am-input-sm" id="endUpdateDate"-->
+<#--                                                   value="${endUpdateDate!}" placeholder="结束日期" autocomplete="off" data-am-datepicker>-->
+<#--                                        </div>-->
+<#--                                    </div>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%">项目周期</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <div class="am-form am-form-inline">-->
+<#--                                        <div class="am-form-group am-form-icon">-->
+<#--                                            <i class="am-icon-calendar"></i>-->
+<#--                                            <input type="text" class="am-form-field am-input-sm" id="startDate"-->
+<#--                                                   value="${startDate!}" placeholder="开始日期" autocomplete="off" data-am-datepicker>-->
+<#--                                        </div>-->
+<#--                                        <div class="am-form-group">至</div>-->
+<#--                                        <div class="am-form-group am-form-icon">-->
+<#--                                            <i class="am-icon-calendar"></i>-->
+<#--                                            <input type="text" class="am-form-field am-input-sm" id="endDate"-->
+<#--                                                   value="${endDate!}" placeholder="结束日期" autocomplete="off" data-am-datepicker>-->
+<#--                                        </div>-->
+<#--                                    </div>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%">预计合同签订时间</th>-->
+<#--                            <td style="width: 15%">-->
+<#--                                <div class="am-u-sm-10">-->
+<#--                                    <div class="am-form am-form-inline">-->
+<#--                                        <div class="am-form-group am-form-icon">-->
+<#--                                            <i class="am-icon-calendar"></i>-->
+<#--                                            <input type="text" class="am-form-field am-input-sm" id="contractStartTime"-->
+<#--                                                   value="${contractStartTime!}" placeholder="开始日期" autocomplete="off" data-am-datepicker>-->
+<#--                                        </div>-->
+<#--                                        <div class="am-form-group">至</div>-->
+<#--                                        <div class="am-form-group am-form-icon">-->
+<#--                                            <i class="am-icon-calendar"></i>-->
+<#--                                            <input type="text" class="am-form-field am-input-sm" id="contractEndTime"-->
+<#--                                                   value="${contractEndTime!}" placeholder="结束日期" autocomplete="off" data-am-datepicker>-->
+<#--                                        </div>-->
+<#--                                    </div>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                            <th class="am-text-middle" style="width: 10%"></th>-->
+<#--                            <td style="width: 15%">-->
+
+<#--                            </td>-->
+<#--                        </tr>-->
+<#--                        <tr>-->
+<#--                            <td colspan="8">-->
+<#--                                <div align='right'>-->
+<#--                                    <button type="button" class="am-btn am-btn-default am-btn-sm am-text-secondary"-->
+<#--                                            id="extend" value="${extend!}">扩展筛选项-->
+<#--                                    </button>-->
+<#--                                    <@shiro.hasPermission name="PROJECT_QUERY">-->
+<#--                                    <button type="button" class="am-btn am-btn-default am-btn-sm am-text-secondary"-->
+<#--                                            id="submit-btn">搜索-->
+<#--                                    </button>-->
+<#--                                    </@shiro.hasPermission>-->
+<#--                                    <@shiro.hasPermission name="PROJECT_EXPORT">-->
+<#--                                    <button type="button" class="am-btn am-btn-default am-btn-sm am-text-secondary"-->
+<#--                                            id="submit-btn-export">导出-->
+<#--                                    </button>-->
+<#--                                    </@shiro.hasPermission>-->
+<#--                                </div>-->
+<#--                            </td>-->
+<#--                        </tr>-->
+<#--                        </tbody>-->
+<#--                    </table>-->
                 </form>
             </div>
             <div class="am-u-sm-12 am-u-md-12" style="padding:0 1.6rem 1.6rem 1rem;margin:0;">
@@ -873,10 +1170,12 @@
             var extend = $("#extend").val();
             if (extend === '0') {
                 $(".extendCondition").hide();
+                $('.expand-section').hide()
                 $("#extend").val(1);
                 $("#extend").text("扩展筛选项");
             } else {
                 $(".extendCondition").show();
+                $('.expand-section').show()
                 $("#extend").val(0);
                 $("#extend").text("隐藏筛选项");
             }