隐藏筛选项;修改表格;

master
suhang_max@163.com 2022-12-08 21:44:08 +08:00
parent dc011016fe
commit b2acf10717
3 changed files with 191 additions and 138 deletions

View File

@ -64,7 +64,6 @@
.fixed-list table tbody tr {
width: 100%;
}
</style>
<div class="admin-content">
@ -299,14 +298,14 @@
</div>
</div>
<div class="st-col expand-section <#if extend='1'> fold</#if>">
<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 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>
</div>
<!-- 第四行 -->
@ -794,7 +793,7 @@
}
</style>
<table class="am-table am-table-striped am-table-hover table-main">
<thead style="display:block;width: 160vw;">
<thead style="display:block;width: 1888px;">
<tr class="am-text-nowrap">
<th width="30px">
<input type="checkbox" id="allCheck">
@ -832,11 +831,11 @@
<#--<th class="table-title">部门名称</th>-->
<#--<th class="table-title">项目周期</th>-->
<#--<th class="table-title">最后更新时间</th>-->
<th class="table-title" width="">操作</th>
<th class="table-title" width="240px">操作</th>
</tr>
</thead>
<tbody style="display:block;width: 160vw;">
<tbody style="display:block;width: 1888px;">
<#list pager.list as list>
<tr>
<td width="30px">
@ -920,7 +919,7 @@
<#--最后更新时间-->
<#--<td>${(list.lastUpdateTime?string("yyyy-MM-dd HH:mm:ss"))!}</td>-->
<#--操作-->
<td width="">
<td width="240px">
<div class="am-btn-toolbar">
<div class="am-btn-group am-btn-group-xs">
<#if adminId==1>
@ -1418,7 +1417,7 @@
$("#extend").text("扩展筛选项");
} else {
$(".extendCondition").show();
$('.expand-section').show()
$('.expand-section').show();
$("#extend").val(0);
$("#extend").text("隐藏筛选项");
}

View File

@ -64,7 +64,6 @@
.fixed-list table tbody tr {
width: 100%;
}
</style>
<div class="admin-content">
<div class="am-cf am-padding" style="padding:1rem 1.6rem 1.6rem 1rem;margin:0px;">
@ -481,44 +480,45 @@
}
</style>
<table class="am-table am-table-striped am-table-hover table-main">
<thead style="display:block;width: 4200px;">
<tr class="am-text-nowrap">
<thead style="display:block;width: 1888px;">
<tr class="am-text-nowrap">
<th class="table-title" width="60px">序号</th>
<th class="table-title" width="120px">项目编号</th>
<th class="table-title" width="200px">项目名称</th>
<th class="table-title">项目类型</th>
<th class="table-title">垫资模式</th>
<th class="table-title">垫资利息</th>
<th class="table-title">垫资峰值</th>
<#--<th class="table-title">垫资模式</th>-->
<#--<th class="table-title">垫资利息</th>-->
<#--<th class="table-title">垫资峰值</th>-->
<th class="table-title">项目合同金额</th>
<th class="table-title">项目毛利</th>
<th class="table-title">项目毛利率</th>
<th class="table-title">项目把握度</th>
<th class="table-title">汇智产品金额</th>
<th class="table-title">华智产品金额</th>
<th class="table-title">华三产品金额</th>
<th class="table-title">其他产品金额</th>
<th class="table-title">项目状态</th>
<th class="table-title">行业场景应用</th>
<th class="table-title">解决方案</th>
<th class="table-title">客户名称</th>
<th class="table-title">最终用户名称</th>
<th class="table-title">预计合同签订时间</th>
<th class="table-title">项目计划招标时间</th>
<th class="table-title">是否二次合作</th>
<th class="table-title">直签</th>
<th class="table-title">战略合作对象</th>
<th class="table-title">项目负责人</th>
<th class="table-title">审核状态</th>
<th class="table-title">项目阶段</th>
<#--<th class="table-title">项目毛利</th>-->
<#--<th class="table-title">项目毛利率</th>-->
<#--<th class="table-title">项目把握度</th>-->
<#-- <th class="table-title">汇智产品金额</th>-->
<#--<th class="table-title">华智产品金额</th>-->
<#--<th class="table-title">华三产品金额</th>-->
<#--<th class="table-title">其他产品金额</th>-->
<#--<th class="table-title">项目状态</th>-->
<#--<th class="table-title">行业场景应用</th>-->
<#--<th class="table-title">解决方案</th>-->
<#--<th class="table-title">客户名称</th>-->
<#--<th class="table-title">最终用户名称</th>-->
<#--<th class="table-title">预计合同签订时间</th>-->
<#--<th class="table-title">项目计划招标时间</th>-->
<#--<th class="table-title">是否二次合作</th>-->
<#--<th class="table-title">直签</th>-->
<#--<th class="table-title">战略合作对象</th>-->
<#--<th class="table-title">项目负责人</th>-->
<#--<th class="table-title">审核状态</th>-->
<th class="table-title">当前审核人</th>
<th class="table-title">项目创建者</th>
<th class="table-title">部门名称</th>
<th class="table-title">项目周期</th>
<th class="table-title">最后更新时间</th>
<#--<th class="table-title">部门名称</th>-->
<#--<th class="table-title">项目周期</th>-->
<#--<th class="table-title">最后更新时间</th>-->
<th class="table-title" width="240px">操作</th>
</tr>
</thead>
<tbody style="display:block;width: 4200px;">
<tbody style="display:block;width: 1888px;">
<#list pager.list as list>
<tr>
<#--序号-->
@ -532,63 +532,68 @@
<#--项目类型-->
<td>${list.typeDesc!}</td>
<#--垫资模式-->
<td>${list.underwrittenModeStr!}</td>
<#--<td>${list.underwrittenModeStr!}</td>-->
<#--垫资利息-->
<td>${Utils.format(list.advanceInterestAmount, "0.00")}</td>
<#--<td>${Utils.format(list.advanceInterestAmount, "0.00")}</td>-->
<#--垫资峰值-->
<td>${Utils.format(list.advancePeakAmount, "0.00")}</td>
<#--<td>${Utils.format(list.advancePeakAmount, "0.00")}</td>-->
<#--项目合同金额-->
<td>${Utils.format(list.contractAmount, "0.00")}</td>
<#--项目阶段-->
<td>
找后端要字段
<#--${Utils.format(list.contractAmount, "0.00")}-->
</td>
<#--项目毛利-->
<td>${Utils.format(list.grossProfit, "0.00")}</td>
<#--<td>${Utils.format(list.grossProfit, "0.00")}</td>-->
<#--项目毛利率-->
<td>${Utils.format(list.grossProfitMargin, "0.00")}</td>
<#--<td>${Utils.format(list.grossProfitMargin, "0.00")}</td>-->
<#--项目把握度-->
<td>${list.certaintyStr!}</td>
<#--<td>${list.certaintyStr!}</td>-->
<#--汇智产品金额-->
<td>${Utils.format(list.huizhiProductAmount, "0.00")}</td>
<#--<td>${Utils.format(list.huizhiProductAmount, "0.00")}</td>-->
<#--华智产品金额-->
<td>${Utils.format(list.huazhiProductAmount, "0.00")}</td>
<#--<td>${Utils.format(list.huazhiProductAmount, "0.00")}</td>-->
<#--华三产品金额-->
<td>${Utils.format(list.huasanProductAmount, "0.00")}</td>
<#--<td>${Utils.format(list.huasanProductAmount, "0.00")}</td>-->
<#--其他产品金额-->
<td>${Utils.format(list.ziguangOtherAmount, "0.00")}</td>
<#--<td>${Utils.format(list.ziguangOtherAmount, "0.00")}</td>-->
<#--项目状态-->
<td>${list.statusDesc!}</td>
<#--<td>${list.statusDesc!}</td>-->
<#--行业场景应用-->
<td>${list.industryScenario!}</td>
<#--<td>${list.industryScenario!}</td>-->
<#--解决方案-->
<td>${list.resolvePlanStr!}</td>
<#--<td>${list.resolvePlanStr!}</td>-->
<#--客户名称-->
<td>${list.customer!}</td>
<#--<td>${list.customer!}</td>-->
<#--最终用户名称-->
<td>${list.terminalCustomer!}</td>
<#--<td>${list.terminalCustomer!}</td>-->
<#--预计合同签订时间-->
<td>${(list.contractTime?string("yyyy-MM-dd"))!}</td>
<#--<td>${(list.contractTime?string("yyyy-MM-dd"))!}</td>-->
<#--项目计划招标时间-->
<td>${(list.bidsTime?string("yyyy-MM-dd"))!}</td>
<#--<td>${(list.bidsTime?string("yyyy-MM-dd"))!}</td>-->
<#--是否二次合作-->
<td>${list.isSecondStr!}</td>
<#--<td>${list.isSecondStr!}</td>-->
<#--直签-->
<td>${list.signTypeStr!}</td>
<#--<td>${list.signTypeStr!}</td>-->
<#--战略合作对象-->
<td>${list.collaborator!}</td>
<#--<td>${list.collaborator!}</td>-->
<#--项目负责人-->
<td>${list.principal!}</td>
<#--<td>${list.principal!}</td>-->
<#--审核状态-->
<td>${list.approveStatusDesc!}</td>
<#--<td>${list.approveStatusDesc!}</td>-->
<#--当前审核人-->
<td>${list.approveName!}</td>
<#--项目创建者-->
<td>${list.creatorName!}</td>
<#--部门名称-->
<td>${list.deptName!}</td>
<#--<td>${list.deptName!}</td>-->
<#--项目周期-->
<td>${(list.startDate?string("yyyy-MM"))!} ~ ${(list.endDate?string("yyyy-MM"))!}</td>
<#--<td>${(list.startDate?string("yyyy-MM"))!} ~ ${(list.endDate?string("yyyy-MM"))!}</td>-->
<#--最后更新时间-->
<td>${(list.lastUpdateTime?string("yyyy-MM-dd HH:mm:ss"))!}</td>
<#--<td>${(list.lastUpdateTime?string("yyyy-MM-dd HH:mm:ss"))!}</td>-->
<#--操作-->
<td>
<td width="240px">
<div class="am-btn-toolbar">
<div class="am-btn-group am-btn-group-xs">
<#--<button type="button"
@ -634,7 +639,6 @@
</div>
</#if>
</div>
</footer>
</div>
</@defaultLayout.layout>

View File

@ -191,84 +191,91 @@
</div>
</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="principal" class="am-form-field am-input-sm" value="${principal!}"/>
</div>
</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>
<option value="2" <#if approveStatus?? && approveStatus='2'>selected</#if>>审核通过</option>
<option value="3" <#if approveStatus?? && approveStatus='3'>selected</#if>>审核不通过</option>
</select>
</div>
</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}" 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="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>
</div>
<!-- 第三行 -->
<div class="flex-row st-row">
<div class="st-col st-col-4">
<div class="st-col-title">项目周期</div>
<div class="flex-row 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 class="expand-section <#if extend!'1' == '1'> fold</#if>">
<!-- 第二行 -->
<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="principal" class="am-form-field am-input-sm" value="${principal!}"/>
</div>
<div class="mid-connect">至</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 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>
<option value="2" <#if approveStatus?? && approveStatus='2'>selected</#if>>审核通过</option>
<option value="3" <#if approveStatus?? && approveStatus='3'>selected</#if>>审核不通过</option>
</select>
</div>
</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}" 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="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>
</div>
<div class="st-col st-col-4">
<div class="st-col-title">预计合同签订时间</div>
<div class="flex-row 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 class="flex-row st-row">
<div class="st-col st-col-4">
<div class="st-col-title">项目周期</div>
<div class="flex-row 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="mid-connect">至</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 class="mid-connect">至</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 class="st-col st-col-4">
<div class="st-col-title">预计合同签订时间</div>
<div class="flex-row 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="mid-connect">至</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>
</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>
<button type="button" class="am-btn am-btn-default am-btn-sm am-text-secondary"
id="submit-btn">搜索
</button>
@ -296,6 +303,8 @@
<th class="table-title" width="120px">项目编号</th>
<th class="table-title" width="480px">项目名称</th>
<th class="table-title">项目类型</th>
<th class="table-title">合作类型</th>
<th class="table-title">项目阶段</th>
<th class="table-title">垫资模式</th>
<th class="table-title">华智产品金额</th>
<th class="table-title">华三产品金额</th>
@ -320,34 +329,61 @@
<tbody style="display:block;width: 4200px;">
<#list pager.list as list>
<tr>
<#--序号-->
<td width="60px">${list.tempId!}</td>
<#--项目编号-->
<td class="huanhang" width="120px">${list.projectNo!}</td>
<#--项目名称-->
<td class="huanhang" width="480px"><a style="cursor: pointer;text-decoration:none" onclick="approve(${list.id})">${list.name!}</a></td>
<#--项目类型-->
<td>${list.typeDesc!}</td>
<#--合作类型-->
<td>${'找后端要字段'!}</td>
<#--项目阶段-->
<td>${'找后端要字段'!}</td>
<#--垫资模式-->
<td>${list.underwrittenModeStr!}</td>
<#--华智产品金额-->
<td>${list.huazhiRound!}</td>
<#--华三产品金额-->
<td>${list.huasanRound!}</td>
<#--汇智产品金额-->
<td>${list.huizhiRound!}</td>
<#--其他产品金额-->
<td>${list.ziguangRound!}</td>
<#-- <td>${Utils.format(list.huazhiProductAmount, "0.00")}</td>-->
<#-- <td>${Utils.format(list.huasanProductAmount, "0.00")}</td>-->
<#-- <td>${Utils.format(list.huizhiProductAmount, "0.00")}</td>-->
<#-- <td>${Utils.format(list.ziguangOtherAmount, "0.00")}</td>-->
<#--项目把握度-->
<td>${list.certaintyStr!}</td>
<#--项目计划招标时间-->
<td>${(list.bidsTime?string("yyyy-MM-dd"))!}</td>
<#--预计合同签订时间-->
<td>${(list.contractTime?string("yyyy-MM-dd"))!}</td>
<#--计收计划-->
<td>${list.calculationCollection!}</td>
<#--项目毛利-->
<td>${list.grossProfitRound!}</td>
<#--合同金额-->
<td>${list.contractRound!}</td>
<#-- <td>${Utils.format(list.grossProfit, "0.00")}</td>-->
<#-- <td>${Utils.format(list.contractAmount, "0.00")}</td>-->
<#--项目解决方案-->
<td>${list.resolvePlanStr!}</td>
<#--具体解决方案-->
<td>${list.mainContractResolvePlan!}</td>
<#--是否二次签单-->
<td>${list.isSecondStr!}</td>
<#--最终用户名称-->
<td>${list.terminalCustomer!}</td>
<#--客户名称-->
<td>${list.customer!}</td>
<#--紫光汇智直接投标/集成商转签-->
<td>${list.signTypeStr!}</td>
<#--负责人-->
<td>${list.principal!}</td>
<#--备注-->
<td>${list.remark!}</td>
</tr>
</#list>
@ -394,6 +430,20 @@
};
$(function () {
$("#extend").on("click", function () {
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("隐藏筛选项");
}
});
$("#submit-btn").on("click", function () {
$("#pageNumber").val(1);