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 控件 ...
随机推荐
- Python3.x：获取登录界面校验码图片
Python3.x:获取登录界面校验码图片 实例代码: # python3 # author lizm # datetime 2018-06-01 18:00:00 # -*- coding: utf ...
- 20145201 《Java程序设计》第三周学习总结
20145201 <Java程序设计>第三周学习总结 教材学习内容总结 本周学习了课本第四.五章内容,即认识对象和对象封装. 第四章 认识对象 4.1类与对象 定义类 要产生对象必须先定义 ...
- setState详解
我们都知道,React通过this.state来访问state,通过this.setState()方法来更新state.当this.setState()方法被调用的时候,React会重新调用rende ...
- 第十节课-RNN介绍
2017-08-21 这次的课程介绍了RNN的相关知识: 首先是RNN的几种模型: 分别又不同的应用场景,包括机器翻译,视频的分类... RNN的解释: 主要的特点就是用到了上一个隐含状态的信息,所以 ...
- Python caffe.TEST Example(Demo)
下面提供了caffe python的六个测试demo,大家可以根据自己的需求进行修改. Example 1 From project FaceDetection_CNN-master, under d ...
- Effective C++ 条款03：尽可能使用const
场景一 用于修饰指针 char greeting[] = "Hello"; char* p = greeting; // non-const pointer, non-const ...
- C# word 类库基本属性介绍
using System;using System.Collections.Generic;using System.Text;using Microsoft.Office.Interop.Word; ...
- linux 分析进程占用CPU过高
重点是查看进程的线程中,哪个线程占用cpu过高,然后用gdb附加到进程,调试线程,看是否有死循环或者死锁等问题,步骤如下: 1 先用ps + grep找出该死的进程pid,比如 1706 2 top ...
- Hibernate -- 对象关系映射基础
- web.xml上监听器作用
<!--Spring ApplicationContext 载入 --> <listener> <listener-class>org.springframewor ...