tab显示不同数据
效果
核心代码
【js】
[#escape x as (x)!?html]
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8"/>
<title>[#include 'inc_title.html'/]</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="keywords" content="${node.keywords}"/>
<meta name="description" content="${node.description}"/>
<link href="_files/css/common.css" rel="stylesheet"/>
<link href="_files/css/project-center.css" rel="stylesheet"/>
<link rel="stylesheet" href="_files/css/hc-aim.css" />
<link rel="stylesheet" href="_files/css/content.css" />
<link rel="stylesheet" href="_files/css/myproject.css" />
<link href="_files/css/pagination.css" rel="stylesheet"/>
[#include '../inc_js.html'/]
<style type="text/css">
.hc-prm-search button {
top: 6px;
}
</style>
</head>
<body ><!-- 平台-->
[#include '../inc_header.html'/]
<div class="project-wrap">
<div class="project-inner clearfix">
[#include 'inc_left.html']
<div class="pi-content">
<div class="p-profile">
<div class="ppf-box clearfix">
<div class="hc-prm-search search flr">
<form action="/userCenter/projectInfo_4_1.jspx?flag=${flag}" method="post">
[#if flag=="1"]
<input type="text" id="keyword"
name="search_CONTAIN_pname" value="${search_CONTAIN_pname}" />
[#else]
<input type="text" id="keyword"
name="search_CONTAIN_achievement.pname" value="${search_CONTAIN_achievement.pname}" />
[/#if]
<button></button>
</form>
</div>
<div class="about-details-pro flr-pro">
<div class="about-nav-pro">
<div class="hd">
<ul>
<li>入驻成果</li>
<li>应用成果</li>
</ul>
</div>
<!-- -->[#if flag=="1"]
<!-- 入驻成果 -->
[#if list??]
<div class="bd" style="display:block; ">
<div class="ppfb-log" style="padding-top:20px;">
<table class="log-table">
<tr>
<th>成果名称</th>
<th>成果状态</th>
<!--th>成果创新点</th-->
<th>申请时间</th>
<th>操作</th>
</tr>
[#list list.content as p]
<tr>
<td><a href="/scprojectachievementDetail_${p.id}.jspx">${p.pname}</a></td>
<td>
<!-- 0：待审核 1：待融资 2：已融资 3:成功 4：失败5:预热 6:审核通过7:审核失败 -->
[#if p.tstatus==0]
待审核
[/#if]
[#if p.tstatus==1]
待融资
[/#if]
[#if p.tstatus==2]
已融资
[/#if]
[#if p.tstatus==3]
成功
[/#if]
[#if p.tstatus==4]
失败
[/#if]
[#if p.tstatus==5]
预热
[/#if]
[#if p.tstatus==6]
审核通过
[/#if]
[#if p.tstatus==7]
审核失败
[/#if]
</td>
<!-- td>${p.innovational}</td -->
<td>${(p.createTime?string('yyyy-MM-dd'))!}</td>
<td>
<div class="pcc-btn" style="">
<a href="/userCenter/projectInfon.jspx?projectId=${p.id}" style="background: #7ecef4;">查看</a>
<!--a href="/userCenter/userCenterProjectForm.jspx?projectId=${p.id}" style="background: #7ecef4;">编辑</a>
<a onclick="evt_delete('${p.id}')" href="#" style="background: #7ecef4;">删除</a> -->
<a href="#" style="background: #7ecef4;">变更申请</a>
</div>
</td>
</tr>
[/#list]
</table>
<div class="searchresult_pagination"></div>
</div>
<script>
$(function(){
$(".searchresult_pagination").pagination(parseInt(${list.totalElements}), {
callback: function(page_index){
var search=$("#keyword").val();
if(search!=''){
window.location.href ="/userCenter/projectInfo_4_"+(page_index+1)+".jspx?keyword="+search+"&flag=1";
}else{
window.location.href ="/userCenter/projectInfo_4_"+(page_index+1)+".jspx?flag=1";
}
},
prev_text: " 上一页",
next_text: "下一页 ",
items_per_page:parseInt(${list.size}),
current_page:parseInt(${list.number})
});
$("#userCenterProjectMember").addClass("cur");
$(".ptc-bar input").bind({
focus: function() {
if ($(this).val() == $(this)[0].defaultValue) {
$(this).val("");
}
},
blur: function() {
if ($.trim($(this).val()) == "") {
$(this).val($(this)[0].defaultValue);
}
}
})
})
</script>
</div>
[#else]
<div style="text-align:center;background:white;height:100px;line-height:100px;border:solid 1px #ddd;width: 855px;float:right;">暂无项目，请先编辑项目信息</div>
[/#if]
[#else]
<!-- -->
<!-- 入驻成果 -->
[#if list2??]
<div class="bd" style="display:block;">
<div class="ppfb-log" style="padding-top:20px;">
<table class="log-table">
<tr>
<th>应用名称</th>
<th>应用状态</th>
<!--th>成果创新点</th-->
<th>应用时间</th>
<th>应用操作</th>
</tr>
[#list list2.content as p2]
<tr>
<td><a href="/scprojectachievementDetail_${p.id}.jspx">${p2.achievement.pname}</a></td>
<td>
<!-- 0：待审核 1：待融资 2：已融资 3:成功 4：失败5:预热 6:审核通过7:审核失败 -->
[#if p2.astatus==0]
待审核
[/#if]
[#if p2.astatus==1]
待融资
[/#if]
[#if p2.astatus==2]
已融资
[/#if]
[#if p2.astatus==3]
成功
[/#if]
[#if p2.astatus==4]
失败
[/#if]
[#if p2.astatus==5]
预热
[/#if]
[#if p2.astatus==6]
审核通过
[/#if]
[#if p2.astatus==7]
审核失败
[/#if]
</td>
<!-- td>${p.innovational}</td -->
<td>${(p2.createTime?string('yyyy-MM-dd'))!}</td>
<td>
<div class="pcc-btn" style="">
<a href="/userCenter/projectInfon.jspx?projectId=${p.id}" style="background: #7ecef4;">查看</a>
<!--a href="/userCenter/userCenterProjectForm.jspx?projectId=${p.id}" style="background: #7ecef4;">编辑</a>
<a onclick="evt_delete('${p.id}')" href="#" style="background: #7ecef4;">删除</a> -->
<a href="#" style="background: #7ecef4;">变更申请</a>
</div>
</td>
</tr>
[/#list]
</table>
<div class="searchresult_pagination"></div>
</div>
<script>
$(function(){
$(".searchresult_pagination").pagination(parseInt(${list2.totalElements}), {
callback: function(page2_index){
var search=$("#keyword").val();
if(search!=''){
window.location.href ="/userCenter/projectInfo_4_"+(page2_index+1)+".jspx?keyword="+search+"&flag=2";
}else{
window.location.href ="/userCenter/projectInfo_4_"+(page2_index+1)+".jspx?flag=2";
}
},
prev_text: " 上一页",
next_text: "下一页 ",
items_per_page:parseInt(${list2.size}),
current_page:parseInt(${list2.number})
});
$("#userCenterProjectMember").addClass("cur");
$(".ptc-bar input").bind({
focus: function() {
if ($(this).val() == $(this)[0].defaultValue) {
$(this).val("");
}
},
blur: function() {
if ($.trim($(this).val()) == "") {
$(this).val($(this)[0].defaultValue);
}
}
})
})
</script>
</div>
[#else]
<div style="text-align:center;background:white;height:100px;line-height:100px;border:solid 1px #ddd;width: 855px;float:right;">暂无项目，请先编辑项目信息</div>
[/#if]
</div>
[/#if]
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function(){
var flag=${flag};
$("#userCenterProject").addClass("cur");
$(".hd ul li").click(function(){
var index=$(this).index();
var search=$("#keyword").val();
if(index==0){
if(search!=''){
window.location.href ="/userCenter/projectInfo_4_1.jspx?keyword="+search+"&flag=1";
}else{
window.location.href ="/userCenter/projectInfo_4_1.jspx?flag=1";
}
}else{
if(search!=''){
window.location.href ="/userCenter/projectInfo_4_1.jspx?keyword="+search+"&flag=2";
}else{
window.location.href ="/userCenter/projectInfo_4_1.jspx?flag=2";
}
}
$(this).addClass("on").siblings().removeClass("on");
$(".bd").eq(index).show().siblings().hide();
})
})
</script>
[#include '../inc_footer.html'/]
</body>
</html>
[/#escape]
tab显示不同数据的更多相关文章
- 7月新的开始 - LayUI的基本使用 - Tab选项卡切换显示对应数据
LayUI tab选项卡+page展示 要求:实现tab选项卡改变的同时展示数据也跟着改变 实现条件: 1. 选项卡 [官网 – 文档/示例 – 页面元素 – 选项卡] 2.数据表格 [官网 – 文档 ...
- LayUI的基本使用 - Tab选项卡切换显示对应数据
要求:实现tab选项卡改变的同时展示数据也跟着改变 实现条件: 1. 选项卡 [官网 – 文档/示例 – 页面元素 – 选项卡] 2.数据表格 [官网 – 文档/示例 – 内置模块 – 数据表格] 3 ...
- Web端的Tab控件在切换Tab时Load数据出错的处理
我们在应用Web端的Tab控件时,不管是Jquery easyui的还是Ext的Tab控件都会遇到一个问题,在Tab1正在加载数据的时候我们切换到Tab2,再切换回来,Load数据的控件就会出错,出错 ...
- Cocos2d 利用继承Draw方法制作可显示三维数据（宠物三维等）的三角形显示面板
很久没有写博客了,这段时间比较忙,又是搬家又是做自己的项目,还有太多琐碎的事情缠身,好不容易抽出时间把最近自己做的一些简单例子记录一下. 在我的项目中,我需要一个显示面板来显示游戏中的一个三维数据,例 ...
- 如何在iOS地图上高效的显示大量数据
2016-01-13 / 23:02:13 刚才在微信上看到这篇由cocoachina翻译小组成员翻译的文章,觉得还是挺值得参考的,因此转载至此,原文请移步:http://robots.thought ...
- AngularJS学习--- 过滤器(filter),格式化要显示的数据 step 9
1.切换目录,启动项目 git checkout step- npm start 2.需求: 格式化要显示的数据. 比如要将true-->yes,false-->no,这样相互替换. 3. ...
- 模板页显示Excel数据Gridview增删改查
<%@ Page Title="主页" Language="C#" MasterPageFile="~/Site.master" Au ...
- 判断数据库内容，在页面显示自定义数据case when
判断数据库内容,在页面显示自定义数据 case when...then ...else...end 比如:数据库内容是这样: 通过sql语句判断,数据库的name字段,内容是月桂的,显示嫦娥,其他的显 ...
- ASP.NET - 演练：创建网页以显示 XML 数据
数据通常是以 XML 格式提供给 Web 应用程序的.但是,XML 数据本质上是分层的,因此您可能希望能够在基于列表的控件中使用 XML 数据,如 GridView 或 DropDownList 控件 ...
随机推荐
- JAVA接口中不可以有静态方法吗
1. 接口中每一个方法也是隐式抽象的,接口中的方法会被隐式的指定为 public abstract(只能是 public abstract,其他修饰符都会报错),所以不能含有静态代码块以及静态方法(用 ...
- vue2.0 transition 多个元素嵌套使用过渡
在做vue的demo的时候遇到一个问题,多个嵌套的元素如何设置transition? 我的代码:代码中元素整体做平移,里面的inner中做旋转,实现一个圆形滚动的效果 <transition n ...
- java没有指针
先说结论:java没有指针,它使用对象引用来替代指针 备注:c/c++的引用和java的引用完全不是一个东西 c/c++的引用是同一块内存的不同名字 java的引用指向一个对象,引用本身也占用了内存 ...
- Ubuntu gcc错误：对'log'等函数未定义的引用
Ubuntu gcc错误:对'log'等函数未定义的引用 a.c #include <stdio.h>#include <math.h>int main(){ float ...
- [算法]Plus One
Question: Given a non-negative number represented as an array of digits, plus one to the number. The ...
- HDU 1241 油田
这道题明明很简单但不知道为什么运行结果一直错,但提交却是对的!代码真是神奇,不过我猜测可能是提上给出的数据错了,可能提上给的数据m和n后多给了一个空格或回车,但题的数据没有 #include<s ...
- (补充一)CountDownLatch
引言: 在学习单例模式时候,用到了锁synchronized的概念,在多线程中又用到了CountDownLatch的概念 CountDownLatch是一个同步工具类,它允许一个或多个线程一直等待, ...
- OwinStartup not firing
https://stackoverflow.com/questions/20203982/owinstartup-not-firing 缺少依赖 Make sure you have installe ...
- BFS - 广度优先搜索 - 邻接列表表示法
2017-07-25 21:40:22 writer:pprp 在DFS的基础上加上了一个BFS函数 #include <iostream> #include <queue> ...
- SpringBoot配置文件 application.properties详解
SpringBoot配置文件 application.properties详解 本文转载:https://www.cnblogs.com/louby/p/8565027.html 阅读过程中若发现 ...