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 控件 ...
随机推荐
- 数字图像处理，图像锐化算法的C++实现
http://blog.csdn.net/ebowtang/article/details/38961399 之前一段我们提到的算法都是和平滑有关, 经过平滑算法之后, 图像锐度降低, 降低到一定程度 ...
- Java：判断字符串中包含某字符的个数
Java:判断字符串中包含某字符的个数 JAVA中查询一个词在内容中出现的次数: public int getCount(String str,String key){ if(str == null ...
- 插入算法分别从C，java,python三种语言进行书写
真正学懂计算机的人(不只是“编程匠”)都对数学有相当的造诣,既能用科学家的严谨思维来求证,也能用工程师的务实手段来解决问题——而这种思维和手段的最佳演绎就是“算法”. 作为一个初级编程人员或者说是一个 ...
- php操作redis cluster集群成功实例
java操作redis cluster集群可使用jredis php要操作redis cluster集群有两种方式: 1.使用phpredis扩展,这是个c扩展,性能更高,但是phpredis2.x扩 ...
- 20145120黄玄曦《网络对抗》Web安全基础实践
20145120黄玄曦<网络对抗>Web安全基础实践 回答问题 (1)SQL注入攻击原理,如何防御 SQL注入原理简单地说大概是,通过构造特殊的SQL命令提交表单,让服务器执行构造的恶意S ...
- 添加一个vue全局守卫,主要用于用户登录时候验证
//注册一个全局守卫,作用是在路由跳转钱,对路由进行判断,防止未登录用户跳转到其他页面 router.beforeEach((to, from, next) => { let token = l ...
- TensorFlow实现CNN
TensorFlow是目前深度学习最流行的框架,很有学习的必要,下面我们就来实际动手,使用TensorFlow搭建一个简单的CNN,来对经典的mnist数据集进行数字识别. 如果对CNN还不是很熟悉的 ...
- adb 不设别解决方案
1.当然首先你得将手机里的usb debug选项选上,否则lsusb是不会有你的设备的 2. lsusb 查看usb设备id 3. sudo vim /etc/udev/rules.d/51-andr ...
- spring与quartz整合
这周学习了quartz定时任务,现在进行总结一下.首先要认识定时任务中几个关键接口,以及各个接口之间是如何联系起来的. 1.关键接口 (1)Scheduler,任务调度的API,它可以用来启动或者终 ...
- javascript页面打印
打印本身比较简单,但要考虑到具体的需求.比如 1. 多浏览器: if (isIE()) { //打印预览 WebBrowser1.execWB(7, 1); } else { window.print ...