mula
/
fourcal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

待我审核页面同步列表页

master
OathK1per 2022-11-01 14:59:54 +08:00
parent 1ed252dbe2
commit c116d7a8e6
1 changed files with 286 additions and 177 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

463
src/main/resources/templates/admin/project_list_approve.ftl
View File

@ -8,39 +8,172 @@
table-layout:fixed;
word-break:break-all
}
.focus{
// 表格自动换行
table-layout:fixed;
word-break:break-all
}
/*固定表头的列表*/
.fixed-list {
flex: 1 1 auto;
overflow: hidden;
}
.fixed-list table {
display: block;
width: 100%;
max-height: 100%;
border-spacing: 0px;
border-collapse: collapse;
border: none;
overflow-y: hidden;
overflow-x: auto;
margin: 0;
}
.fixed-list.is-vertical-scroll table tbody {
max-height: calc(100% - 71px);
}
.fixed-list table>thead>tr>th {
height: 40px;
text-align: center;
vertical-align: middle;
}
.fixed-list table td {
height: 55px;
text-align: center;
}
.fixed-list table tbody {
display: block;
width: 100%;
max-height: calc(100% - 45px);
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.fixed-list table tr {
table-layout: fixed;
display: table;
}
.fixed-list table thead tr {
width: calc(100% - 18px);
border-top: 1px solid #ddd;
border-bottom: none;
}
.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;">
<!-- padding:1px 2px 3px 4px;上、右、下,和左 -->
<div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">项目管理</strong> /
<small>待我审核的项目</small>
<small>项目管理</small>
</div>
</div>
<div class="am-g">
<div class="am-u-sm-12">
<form class="am-form" id="listForm" action="${base}/project/listApprove" method="POST">
<input type="hidden" id="keywords" name="keywords" value='${keywords!""}'/>
<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: 6px 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: flex-start;
/*align-items: center;*/
padding: 0 6px 6px;
margin-bottom: 6px;
border-bottom: 1px solid #d8d8d8;
}
.search-table .tools-row {
position: relative;
width: 100%;
justify-content: flex-end;
padding-right: 6px;
margin-bottom: 6px;
}
.tools-row button {
margin-left: 12px;
}
/* 默认5等分，一行5个 */
.st-row .st-col {
position: relative;
flex: 0 0 18%;
margin-right: 2%;
}
/* 4等分，一行4个 */
.st-col.st-col-4 {
flex: 0 0 22%;
margin-right: 3%;
}
/* 3等分，一行3个 */
.st-col.st-col-3 {
flex: 0 0 31%;
margin-right: 2.3%;
}
/* 2等分，一行2个 */
.st-col.st-col-2 {
flex: 0 0 48%;
margin-right: 2%;
}
.st-col.hidden {
display: none;
}
.st-col .st-col-title {
font-size: 14px;
color: #333;
margin-bottom: 6px;
white-space: nowrap;
font-weight: bold;
}
.st-col .st-col-field {
align-items: center;
}
.st-col .mid-connect {
margin: 0 4px;
}
.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>
@ -48,21 +181,17 @@
<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 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}" >
@ -71,21 +200,24 @@
</#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>
<!-- 第二行 -->
<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="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>
@ -93,46 +225,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 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>
<!-- 第三行 -->
<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>
</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>
@ -140,34 +269,31 @@
<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">
</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="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">
</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>
</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">
</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="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>
@ -185,122 +311,103 @@
<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>
</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="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 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="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 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="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 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="am-form-group">至</div>
<div class="am-form-group am-form-icon">
<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>
</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 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="am-form-group">至</div>
<div class="am-form-group am-form-icon">
<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>
</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="APPROVE_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="APPROVE_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>
</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="APPROVE_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="APPROVE_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>
</form>
</div>
<#--<div class="am-u-sm-12 am-u-md-12" style="padding:0 1.6rem 1.6rem 1rem;margin:0;">
<div class="am-btn-toolbar" style="padding-left:.5rem;">
<div class="am-btn-group am-btn-group-xs">
<@shiro.hasPermission name="PROJECT_ADD">
<button type="button" class="am-btn am-btn-default"
onclick="location.href='${base}/project/add'">
<span class="am-icon-plus"></span> 新增
</button>
</@shiro.hasPermission>
</div>
</div>
</div>-->
</div>
<div class="am-g">
<div class="am-g fixed-list is-vertical-scroll">
<div class="am-u-sm-12">
<div class="am-scrollable-horizontal">
<div class="list-content">
<style>
td {
word-break: break-all;
}
</style>
<table class="am-table am-table-striped am-table-hover table-main">
<thead>
<thead style="display:block;width: 4200px;">
<tr class="am-text-nowrap">
<th class="table-title">序号</th>
<th class="table-title">项目编号</th>
@ -334,15 +441,15 @@
<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>
<tbody style="display:block;width: 4200px;">
<#list pager.list as list>
<tr>
<td>${list.tempId!}</td>
<td class="huanhang">${list.projectNo!}</td>
<td class="huanhang"><a style="cursor: pointer;text-decoration:none" onclick="location.href='${base}/project/approve?listFrom=list&type=1&id=${list.id}'">${list.name!}</a></td>
<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>${list.underwrittenModeStr!}</td>
<td>${Utils.format(list.advanceInterestAmount, "0.00")}</td>
@ -432,10 +539,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("隐藏筛选项");
}