上传部分原型代码

This commit is contained in:
chenyi 2016-12-08 02:10:37 +00:00
parent 47433c4fc6
commit 27594369f9
7 changed files with 1668 additions and 0 deletions

View File

@ -0,0 +1,149 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Font Awesome -->
<link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<!-- AdminLTE Skins. We have chosen the skin-blue for this starter
page. However, you can choose any other skin. Make sure you
apply the skin class to the body tag so the changes take effect.
-->
<link rel="stylesheet" href="../dist/css/skins/skin-green.min.css">
<!-- date picker -->
<link rel="stylesheet" href="../dist/css/datepicker.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="hold-transition skin-green sidebar-mini" style="overflow-x:hidden;">
<div class="wrapper">
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="margin-left:0px;">
<section class="content-header">
<h1>
修改信息
<small>Who I am?</small>
</h1>
</section>
<!-- header section -->
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<!-- Widget: user widget style 1 -->
<div class="box box-widget widget-user">
<!-- Add the bg color to the header using any of the bg-* classes -->
<div class="widget-user-header bg-blue">
<h3 class="widget-user-username">基本信息修改</h3>
</div>
<div class="widget-user-image">
<img class="img-circle" src="../dist/img/avatar5.png" alt="User Avatar">
</div>
<div class="box-footer">
<div class="row">
</div>
<!-- /.row -->
&nbsp
<div class="box-body">
<form id="alter">
<div class="form-group row has-feedback">
<label for="inputEmail3" class="col-sm-2 col-md-push-2 control-label">昵称</label>
<div class="col-sm-6 col-md-push-2">
<input type="text" class="form-control" value="11" id="name" name="name" placeholder="姓名">
</div>
</div>
<!-- ./form-group -->
<div class="form-group row has-feedback">
<label for="inputPassword3" class="col-sm-2 col-md-push-2 control-label">联系方式</label>
<div class="col-sm-6 col-md-push-2">
<input type="text" class="form-control" value="11" id="address" name="address" placeholder="地址">
</div>
</div>
<!-- ./form-group -->
<div class="form-group row has-feedback">
<label for="inputPassword3" class="col-sm-2 col-md-push-2 control-label">邮箱</label>
<div class="col-sm-6 col-md-push-2">
<input type="email" class="form-control" value="11" id="mail" name="mail" placeholder="邮箱">
</div>
</div>
<!-- ./form-group -->
</form>
</div>
<!-- /.box-body -->
<div class="box-footer">
<button onclick="submit_query()" class="btn btn-primary pull-right">提交修改</button>
</div>
<!-- /.box-footer -->
</div>
</div>
<!-- /.widget-user -->
</div>
<!-- ./col -->
<div class="col-lg-8 col-lg-offset-2">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">密码修改</h3>
</div>
<!-- /.box-header -->
<!-- form start -->
<form role="form">
<div class="box-body">
<div class="form-group row has-feedback">
<label for="inputPassword3" class="col-sm-2 col-md-push-2 control-label">输入新密码</label>
<div class="col-sm-6 col-md-push-2">
<input type="text" class="form-control" value="11" id="address" name="address" placeholder="地址">
</div>
</div>
<!-- ./form-group -->
<div class="form-group row has-feedback">
<label for="inputPassword3" class="col-sm-2 col-md-push-2 control-label">再次输入新密码</label>
<div class="col-sm-6 col-md-push-2">
<input type="email" class="form-control" value="11" id="mail" name="mail" placeholder="邮箱">
</div>
</div>
<!-- ./form-group -->
</div>
<!-- /.box-body -->
<div class="box-footer">
<button type="submit" class="btn btn-primary pull-right">提交修改</button>
</div>
</form>
</div>
</div>
<!-- ./col -->
</div>
<!-- ./row -->
</section>
<!-- content header -->
</div>
<!-- content-wrapper -->
</div>
<!-- ./wrapper -->
<center><strong>Copyright &copy; 2016 <a href="#">Ambition Inc.</a>.</strong> All rights reserved.</center>
<!-- jQuery 2.1.4 -->
<script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- date select and query -->
</body>
</html>

View File

@ -0,0 +1,148 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DataInsight-数据挖掘可视化平台</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Font Awesome -->
<link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<!-- AdminLTE Skins. We have chosen the skin-blue for this starter
page. However, you can choose any other skin. Make sure you
apply the skin class to the body tag so the changes take effect.
-->
<link rel="stylesheet" href="../dist/css/skins/skin-green.min.css">
<!-- date picker -->
<link rel="stylesheet" href="../dist/css/datepicker.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="hold-transition skin-green sidebar-mini" style="overflow-x:hidden;">
<div class="wrapper">
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="margin-left:0px;">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
通知
<small>任务通知、项目通知、分享通知</small>
</h1>
</section>
<!-- Main content -->
<section class="content">
<!-- row -->
<div class="row">
<div class="col-md-8 col-md-offset-2">
<!-- The time line -->
<ul class="timeline">
<!-- timeline time label -->
<li class="time-label">
<span class="bg-red">
2016年12月8日
</span>
</li>
<!-- /.timeline-label -->
<!-- timeline item -->
<li>
<i class="fa fa-tasks bg-blue"></i>
<div class="timeline-item">
<span class="time"><i class="fa fa-clock-o"></i> 12:05</span>
<h3 class="timeline-header"><a href="#">前端原型开发</a> 任务发生了变化</h3>
<div class="timeline-body">
荷塘的四面,远远近近,高高低低都是树,而杨柳最多。这些树将一片荷塘重重围住;只在小路一旁,漏着几段空隙,像是特为月光留下的。树色一例是阴阴的,乍看像一团烟雾;但杨柳的丰姿⑽,便在烟雾里也辨得出。树梢上隐隐约约的是一带远山,只有些大意罢了。树缝里也漏着一两点路灯光,没精打采的,是渴睡人的眼。这时候最热闹的,要数树上的蝉声与水里的蛙声;但热闹是它们的,我什么也没有。
</div>
</div>
</li>
<!-- END timeline item -->
<!-- timeline item -->
<li>
<i class="fa fa-share-alt bg-aqua"></i>
<div class="timeline-item">
<span class="time"><i class="fa fa-clock-o"></i> 5分钟前</span>
<h3 class="timeline-header no-border"><a href="#">杨诏</a> 分享了一些事</h3>
</div>
</li>
<!-- END timeline item -->
<!-- timeline item -->
<li>
<i class="fa fa-sitemap bg-yellow"></i>
<div class="timeline-item">
<span class="time"><i class="fa fa-clock-o"></i> 27分钟前</span>
<h3 class="timeline-header"><a href="#">XX项目</a> 邀请您进入项目</h3>
<div class="timeline-body">
忽然想起采莲的事情来了。采莲是江南的旧俗,似乎很早就有,而六朝时为盛;从诗歌里可以约略知道。采莲的是少年的女子,她们是荡着小船,唱着艳歌去的。
</div>
</div>
</li>
<!-- END timeline item -->
<!-- timeline time label -->
<li class="time-label">
<span class="bg-red">
2016年12月7日
</span>
</li>
<!-- /.timeline-label -->
<!-- timeline item -->
<li>
<i class="fa fa-tasks bg-blue"></i>
<div class="timeline-item">
<span class="time"><i class="fa fa-clock-o"></i> 12:05</span>
<h3 class="timeline-header"><a href="#">前端原型开发</a> 任务发生了变化</h3>
<div class="timeline-body">
荷塘的四面,远远近近,高高低低都是树,而杨柳最多。这些树将一片荷塘重重围住;只在小路一旁,漏着几段空隙,像是特为月光留下的。树色一例是阴阴的,乍看像一团烟雾;但杨柳的丰姿⑽,便在烟雾里也辨得出。树梢上隐隐约约的是一带远山,只有些大意罢了。树缝里也漏着一两点路灯光,没精打采的,是渴睡人的眼。这时候最热闹的,要数树上的蝉声与水里的蛙声;但热闹是它们的,我什么也没有。
</div>
</div>
</li>
<!-- END timeline item -->
<!-- timeline item -->
<li>
<i class="fa fa-share-alt bg-aqua"></i>
<div class="timeline-item">
<span class="time"><i class="fa fa-clock-o"></i> 5分钟前</span>
<h3 class="timeline-header no-border"><a href="#">杨诏</a> 分享了一些事</h3>
</div>
</li>
<!-- END timeline item -->
<!-- timeline item -->
<li>
<i class="fa fa-sitemap bg-yellow"></i>
<div class="timeline-item">
<span class="time"><i class="fa fa-clock-o"></i> 27分钟前</span>
<h3 class="timeline-header"><a href="#">XX项目</a> 邀请您进入项目</h3>
<div class="timeline-body">
忽然想起采莲的事情来了。采莲是江南的旧俗,似乎很早就有,而六朝时为盛;从诗歌里可以约略知道。采莲的是少年的女子,她们是荡着小船,唱着艳歌去的。
</div>
</div>
</li>
<!-- END timeline item -->
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->
<!-- jQuery 2.1.4 -->
<script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- date select and query -->
</body>
</html>

View File

@ -0,0 +1,128 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>DataInsight-数据挖掘可视化平台</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="hold-transition login-page">
<div class="login-box">
<div class="row"> </div>
<div class="login-logo">
<img src="../dist/img/logo1.png" class="img-round"></img>
</div>
<!-- /.login-logo -->
<div class="login-box-body">
<p class="login-box-msg">请登录</p>
<form id="FormLogin">
<div class="form-group has-feedback">
<input id="username" type="name" name="username" class="form-control" placeholder="id">
<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
</div>
<div class="form-group has-feedback">
<input id="password" type="password" name="password" class="form-control" placeholder="Password">
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
</div>
<div class="row">
<!-- /.col -->
<div class="col-md-2 col-md-offset-9">
<button id="login" class="btn btn-success">开始</button>
</div>
<!-- /.col -->
</div>
</form>
<!-- 忘记密码 -->
<a href="#" data-toggle="modal" data-target="#myModal">忘记密码</a>
<br/>
<!-- 模态框Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabel">
忘记密码
</h4>
</div>
<div class="modal-body">
Please send a mail to lucio.yang@qq.com
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success" data-dismiss="modal">
关闭
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- /.modal fade -->
</div>
<!-- /.login-box-body -->
</div>
<!-- /.login-box -->
<!-- jQuery 2.1.4 -->
<script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="../bootstrap/js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
$("#login").click(function(){
//alert("666");
if( $("#username").val().length>0 && $("#password").val().length>0 ){
//alert($('#FormLogin').serialize());
$.ajax({
type: "get",
dataType: "text",
url:"LoginAction.action",
data: $('#FormLogin').serialize(),
success: function (msg) {
var json_str=eval("("+msg+")");
//alert(json_str.result);
var flag=json_str.result;
//alert(flag);
if( flag==true )//登录成功
window.location.href="../index.jsp";
else
alert("输入有误!请修改");
},
error: function(data) {
alert("error:"+data.responseText);
alert("网络有问题");
//document.getElementById("error").innerHTML="error:"+data.responseText;
}
});
}
else{
alert("请输入完整!");
}
});
});
</script>
</body>
</html>

View File

@ -0,0 +1,204 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DataInsight-数据挖掘可视化平台</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Font Awesome -->
<link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<!-- AdminLTE Skins. We have chosen the skin-blue for this starter
page. However, you can choose any other skin. Make sure you
apply the skin class to the body tag so the changes take effect.
-->
<link rel="stylesheet" href="../dist/css/skins/skin-green.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="hold-transition skin-green sidebar-mini" style="overflow-x:hidden;">
<div class="wrapper">
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="margin-left:0px;">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
<b>DataInsight-数据挖掘可视化平台</b>
<small>where miracle happens</small>
</h1>
<ol class="breadcrumb">
<li><a href="main.html"><i class="fa fa-dashboard"></i> 首页</a></li>
</ol>
</section>
<!-- header section -->
<!-- Main content -->
<section class="content">
<!-- 第一行 -->
<div class="row">
<!-- Your Page Content Here -->
<!-- 滑动图片 -->
<div class="col-md-6">
<div class="box box-solid">
<div class="box-header with-border">
<h3 class="box-title">公司掠影</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
<li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="../dist/img/photo1.gif" alt="First slide">
</div>
<div class="item">
<img src="../dist/img/photo2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="../dist/img/photo3.jpg" alt="Third slide">
</div>
</div>
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="fa fa-angle-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="fa fa-angle-right"></span>
</a>
</div>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- 简介 -->
<div class="col-md-6">
<!-- Custom Tabs (Pulled to the right) -->
<div class="nav-tabs-custom">
<ul class="nav nav-tabs pull-right">
<li><a href="#tab_2" data-toggle="tab">联系方式</a></li>
<li class="active"><a href="#tab_1" data-toggle="tab">产品简介</a></li>
<li class="pull-left header"><i class="fa fa-th"></i>DataInsight</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab_1">
<p>&nbsp&nbsp&nbsp&nbsp随着国家信息基础结构建设目标的实施企业在各种活动中普遍采用现代信息技术来 提高竞争力。 传统的基于数据的管理信息系统已不能满足决策者对数据质量的需求,面向决策的知识管理系
统正在蓬勃兴起。管理信息系统与决策支持系统的结合是目前最为迫切需要的系统软件。适应这一要求,多策 略数据挖掘平台的建设目标 是开发具有自主版权的、多策略的通用数据挖掘平台,为企业决策和智能信息处理
提供数据挖掘总体解决方案。
</p>
<p>&nbsp&nbsp&nbsp&nbsp系统采用功能强大的元数据作为调度中心实现了数据仓库与数据抽取、转换、装载(ETL) 、数据挖掘、;联机分析处理(OLAP)的有机集成和各种数据挖掘算法的无缝连接。系统还提供了多种数据转换规则
和数据挖掘算法,全面支持企业的生产、销售、市场营销、财务管理、企业决策等领域活动,具有广阔的应用前景。 同时,多策略的数据挖掘工具也可以应用于其他一些国民经济的关键领域,如税务稽查、商业营销决策、金融部门等。
在本系统的研究过程和软件开发过程中充分考虑我国企业的需求和产品化问题,在国民经济的各个领域中推广应用, 开发具有自主知识版权的数据挖掘软件。
</p>
</div>
<!-- /.tab-pane -->
<div class="tab-pane" id="tab_2">
<p>作者杨诏Lucio</p>
<p>电话010-6891334568949926</p>
<p>邮箱lucio.yang@qq.com</p>
</div>
<!-- /.tab-pane -->
</div>
<!-- /.tab-content -->
</div>
<!-- nav-tabs-custom -->
</div>
</div>
<!-- /.row -->
<div class="row">
<div class="col-md-3">
<!-- small box -->
<div class="small-box bg-aqua">
<div class="inner">
<p>
<h2>数据集导入</h2></p>
<br />
</div>
<div class="icon">
<i class="fa fa-database"></i>
</div>
<a href="pay_get.jsp" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
<div class="col-md-3">
<!-- small box -->
<div class="small-box bg-maroon">
<div class="inner">
<p>
<h2>数据集选择</h2></p>
<br />
</div>
<div class="icon">
<i class="fa fa-shopping-cart"></i>
</div>
<a href="alter_info.jsp" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
<div class="col-md-3">
<!-- small box -->
<div class="small-box bg-yellow">
<div class="inner">
<p>
<h2>数据集管理</h2></p>
<br />
</div>
<div class="icon">
<i class="fa fa-cogs"></i>
</div>
<a href="job_change.jsp" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
<div class="col-md-3">
<!-- small box -->
<div class="small-box bg-red">
<div class="inner">
<p>
<h2>快速分析</h2></p>
<br />
</div>
<div class="icon">
<i class="fa fa-line-chart"></i>
</div>
<a href="orga_get.jsp" class="small-box-footer">More info <i class="fa fa fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
</div>
</div>
<!-- ./wrapper -->
<!-- jQuery 2.1.4 -->
<script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- echarts -->
</body>
</html>

View File

@ -0,0 +1,243 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ambition-敏捷项目开发管理工具</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Font Awesome -->
<link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<!-- AdminLTE Skins. We have chosen the skin-blue for this starter
page. However, you can choose any other skin. Make sure you
apply the skin class to the body tag so the changes take effect.
-->
<link rel="stylesheet" href="../dist/css/skins/skin-green.min.css">
<!-- date picker -->
<link rel="stylesheet" href="../dist/css/datepicker.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.project-enter {
position: absolute;
top: 30px;
right: 17px;
}
hr {
flex: 1 1 auto;
width: 90%;
height: 1px;
border: 0;
margin: 32px 0 0 5px;
background-image: linear-gradient(to right, rgba(0, 0, 0, .50) 0, rgba(0, 0, 0, 0) 100%);
background-repeat: repeat-x;
display: block;
float: left;
}
.content-title {
width: 7%;
float: left;
}
.title-wrapper {
margin-bottom: 30px;
}
</style>
</head>
<body class="hold-transition skin-green sidebar-mini" style="overflow-x:hidden;">
<div class="wrapper">
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="margin-left:0px;">
<section class="content-header">
<b>Ambition-敏捷项目开发管理工具</b>
</h1>
</section>
<!-- header section -->
<!-- Content Header (Page header) -->
<section class="content">
<div class="row">
<!-- col -->
<div class="col-lg-10 col-lg-offset-1 title-wrapper">
<div class="content-title">
<h3>项目选择</h3>
</div>
<hr>
</div>
<!-- col -->
<div class="col-lg-8 col-lg-offset-2">
<div class="row">
<div class="col-lg-4">
<div class="box box-widget widget-user">
<!-- Add the bg color to the header using any of the bg-* classes -->
<div class="widget-user-header bg-yellow">
<!-- /.widget-user-image -->
<h3 class="widget-user-username">网吧五连座</h3>
<h5 class="widget-user-desc">Ruby开发项目</h5>
<a class="btn btn-default pull-right project-enter" href="../index.html">
<i class="fa fa-sign-in"></i>
</a>
</div>
<div class="box-footer no-padding">
<ul class="nav nav-stacked">
<li><a href="#">任务数 <span class="pull-right badge bg-blue">31</span></a></li>
<li><a href="#">参与人数 <span class="pull-right badge bg-aqua">5</span></a></li>
<li><a href="#">通知数 <span class="pull-right badge bg-green">12</span></a></li>
</ul>
</div>
</div>
<!-- /.widget-user -->
</div>
<!-- col -->
<div class="col-lg-4">
<div class="box box-widget widget-user">
<!-- Add the bg color to the header using any of the bg-* classes -->
<div class="widget-user-header bg-aqua">
<!-- /.widget-user-image -->
<h3 class="widget-user-username">网吧五连座</h3>
<h5 class="widget-user-desc">Ruby开发项目</h5>
<a class="btn btn-default pull-right project-enter" href="../index.html">
<i class="fa fa-sign-in"></i>进入
</a>
</div>
<div class="box-footer no-padding">
<ul class="nav nav-stacked">
<li><a href="#">任务数 <span class="pull-right badge bg-blue">31</span></a></li>
<li><a href="#">参与人数 <span class="pull-right badge bg-aqua">5</span></a></li>
<li><a href="#">通知数 <span class="pull-right badge bg-green">12</span></a></li>
</ul>
</div>
</div>
<!-- /.widget-user -->
</div>
<!-- col -->
<div class="col-lg-4">
<div class="box box-widget widget-user">
<!-- Add the bg color to the header using any of the bg-* classes -->
<div class="widget-user-header bg-blue">
<!-- /.widget-user-image -->
<h3 class="widget-user-username">网吧五连座</h3>
<h5 class="widget-user-desc">Ruby开发项目</h5>
<a class="btn btn-default pull-right project-enter">
<i class="fa fa-sign-in"></i>进入
</a>
</div>
<div class="box-footer no-padding">
<ul class="nav nav-stacked">
<li><a href="#">任务数 <span class="pull-right badge bg-blue">31</span></a></li>
<li><a href="#">参与人数 <span class="pull-right badge bg-aqua">5</span></a></li>
<li><a href="#">通知数 <span class="pull-right badge bg-green">12</span></a></li>
</ul>
</div>
</div>
<!-- /.widget-user -->
</div>
<!-- col -->
<div class="col-lg-4">
<div class="box box-widget widget-user">
<!-- Add the bg color to the header using any of the bg-* classes -->
<div class="widget-user-header bg-purple">
<!-- /.widget-user-image -->
<h3 class="widget-user-username">网吧五连座</h3>
<h5 class="widget-user-desc">Ruby开发项目</h5>
<a class="btn btn-default pull-right project-enter">
<i class="fa fa-sign-in"></i>进入
</a>
</div>
<div class="box-footer no-padding">
<ul class="nav nav-stacked">
<li><a href="#">任务数 <span class="pull-right badge bg-blue">31</span></a></li>
<li><a href="#">参与人数 <span class="pull-right badge bg-aqua">5</span></a></li>
<li><a href="#">通知数 <span class="pull-right badge bg-green">12</span></a></li>
</ul>
</div>
</div>
<!-- /.widget-user -->
</div>
<div class="col-lg-4" style="height:242px;width:252px;margin-left:15px;background-color:white">
<!-- Add the bg color to the header using any of the bg-* classes -->
<!-- /.widget-user-image -->
<center>
<i class="fa fa-fw fa-plus-square" style="font-size:45px;display:block;margin-top:30%"></i>
<button class="btn btn-default btn-lg" data-toggle="modal" data-target="#myModal" style="margin-top:10%">
新建项目
</button>
</center>
<!-- 模态框Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabel">
新建项目
</h4>
</div>
<div class="modal-body">
<form role="form">
<div class="box-body">
<div class="form-group">
<label for="exampleName">项目名称</label>
<input type="email" class="form-control" id="exampleName">
</div>
<div class="form-group">
<label for="exampleTextarea">项目简介</label>
<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
</div>
</div><!-- /.box-body -->
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">
创建
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!-- /.widget-user -->
<!-- col -->
</div>
<!-- row -->
</div>
<!-- col -->
</div>
<!-- row -->
</section>
<!-- content section -->
</div>
<!-- content-wrapper -->
</div>
<!-- ./wrapper -->
<center><strong>Copyright &copy; 2016 <a href="#">Lucio Yang</a>.</strong> All rights reserved.</center>
<!-- jQuery 2.1.4 -->
<script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
</body>
</html>

View File

@ -0,0 +1,264 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Font Awesome -->
<link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<!-- AdminLTE Skins. We have chosen the skin-blue for this starter
page. However, you can choose any other skin. Make sure you
apply the skin class to the body tag so the changes take effect.
-->
<link rel="stylesheet" href="../dist/css/skins/skin-green.min.css">
<!-- date picker -->
<link rel="stylesheet" href="../dist/css/datepicker.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="hold-transition skin-green sidebar-mini" style="overflow-x:hidden;">
<div class="wrapper">
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="margin-left:0px;">
<section class="content-header">
<h1>
分享
<small>写下关于项目的一切</small>
</h1>
</section>
<!-- header section -->
<!-- Content Header (Page header) -->
<section class="content">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="row">
<div class="col-lg-12">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">添加分享</h3>
</div>
<!-- /.box-header -->
<!-- form start -->
<form role="form">
<div class="box-body">
<div class="form-group">
<label>分享内容</label>
<textarea class="form-control" rows="3" placeholder="输入分享内容"></textarea>
</div>
</div>
<!-- /.box-body -->
<div class="box-footer">
<button type="submit" class="btn btn-primary pull-right">提交</button>
</div>
</form>
</div>
</div>
<!-- col -->
<div class="col-lg-12">
<div class="box box-widget">
<div class="box-header with-border">
<div class="user-block">
<img class="img-circle" src="../dist/img/avatar5.png" alt="user image">
<span class="username"><a href="#">杨诏</a></span>
<span class="description">向大家分享 - 7:30 PM 今日</span>
</div>
<!-- /.user-block -->
</div>
<!-- /.box-header -->
<div class="box-body">
<!-- post text -->
<p>这几天心里颇不宁静。今晚在院子里坐着乘凉,忽然想起日日走过的荷塘,在这满月的光里,总该另有一番样子吧。月亮渐渐地升高了, 墙外马路上孩子们的欢笑,已经听不见了;妻在屋里拍着闰儿,迷迷糊糊地哼着眠歌。我悄悄地披了大衫,带上门出去。
</p>
<p>沿着荷塘,是一条曲折的小煤屑路。这是一条幽僻的路;白天也少人走,夜晚更加寂寞。荷塘四面,长着许多树,蓊蓊郁郁的。路的一旁 ,是些杨柳,和一些不知道名字的树。没有月光的晚上,这路上阴森森的,有些怕人。今晚却很好,虽然月光也还是淡淡的。
</p>
<p>路上只我一个人,背着手着。这一片天地好像是我的;我也像超出了平常的自己,到了另一个世界里。我爱热闹,也爱冷静;爱群居, 也爱独处。像今晚上,一个人在这苍茫的月下,什么都可以想,什么都可以不想,便觉是个自由的人。白天里一定要做的事,一定要说的话,
现 在都可不理。这是独处的妙处,我且受用这无边的荷香月色好了。</p>
<!-- Social sharing buttons -->
<button class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-up"></i></button>
<span class="pull-right text-muted">45 赞 - 2 评论</span>
</div>
<!-- /.box-body -->
<div class="box-footer box-comments">
<div class="box-comment">
<!-- User image -->
<img class="img-circle img-sm" src="../dist/img/avatar5.png" alt="user image">
<div class="comment-text">
<span class="username">
陈翊
<span class="text-muted pull-right">8:03 PM 今天</span>
</span>
<!-- /.username -->
很强 </div>
<!-- /.comment-text -->
</div>
<!-- /.box-comment -->
<div class="box-comment">
<!-- User image -->
<img class="img-circle img-sm" src="../dist/img/avatar5.png" alt="user image">
<div class="comment-text">
<span class="username">
崔承旭
<span class="text-muted pull-right">8:03 PM 今天</span>
</span>
<!-- /.username -->
高级软件工程使我快乐!
</div>
<!-- /.comment-text -->
</div>
<!-- /.box-comment -->
</div>
<!-- /.box-footer -->
<div class="box-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="输入评论内容" class="form-control">
<span class="input-group-btn">
<button type="button" class="btn btn-primary btn-flat">提交</button>
</span>
</div>
</form>
</div>
<!-- /.box-footer -->
</div>
</div>
<!-- col -->
<div class="col-lg-12">
<div class="box box-widget">
<div class="box-header with-border">
<div class="user-block">
<img class="img-circle" src="../dist/img/avatar5.png" alt="user image">
<span class="username"><a href="#">杨诏</a></span>
<span class="description">向大家分享 - 7:30 PM 今日</span>
</div>
<!-- /.user-block -->
</div>
<!-- /.box-header -->
<div class="box-body">
<!-- post text -->
<p>这几天心里颇不宁静。今晚在院子里坐着乘凉,忽然想起日日走过的荷塘,在这满月的光里,总该另有一番样子吧。月亮渐渐地升高了, 墙外马路上孩子们的欢笑,已经听不见了;妻在屋里拍着闰儿,迷迷糊糊地哼着眠歌。我悄悄地披了大衫,带上门出去。
</p>
<p>沿着荷塘,是一条曲折的小煤屑路。这是一条幽僻的路;白天也少人走,夜晚更加寂寞。荷塘四面,长着许多树,蓊蓊郁郁的。路的一旁 ,是些杨柳,和一些不知道名字的树。没有月光的晚上,这路上阴森森的,有些怕人。今晚却很好,虽然月光也还是淡淡的。
</p>
<p>路上只我一个人,背着手着。这一片天地好像是我的;我也像超出了平常的自己,到了另一个世界里。我爱热闹,也爱冷静;爱群居, 也爱独处。像今晚上,一个人在这苍茫的月下,什么都可以想,什么都可以不想,便觉是个自由的人。白天里一定要做的事,一定要说的话,
现 在都可不理。这是独处的妙处,我且受用这无边的荷香月色好了。</p>
<!-- Social sharing buttons -->
<button class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-up"></i></button>
<span class="pull-right text-muted">45 赞 - 2 评论</span>
</div>
<!-- /.box-body -->
<div class="box-footer box-comments">
<div class="box-comment">
<!-- User image -->
<img class="img-circle img-sm" src="../dist/img/avatar5.png" alt="user image">
<div class="comment-text">
<span class="username">
陈翊
<span class="text-muted pull-right">8:03 PM 今天</span>
</span>
<!-- /.username -->
很强 </div>
<!-- /.comment-text -->
</div>
<!-- /.box-comment -->
<div class="box-comment">
<!-- User image -->
<img class="img-circle img-sm" src="../dist/img/avatar5.png" alt="user image">
<div class="comment-text">
<span class="username">
崔承旭
<span class="text-muted pull-right">8:03 PM 今天</span>
</span>
<!-- /.username -->
高级软件工程使我快乐!
</div>
<!-- /.comment-text -->
</div>
<!-- /.box-comment -->
<div class="box-comment">
<!-- User image -->
<img class="img-circle img-sm" src="../dist/img/avatar5.png" alt="user image">
<div class="comment-text">
<span class="username">
马旭桐
<span class="text-muted pull-right">8:03 PM 今天</span>
</span>
<!-- /.username -->
瞄~
</div>
<!-- /.comment-text -->
</div>
<!-- /.box-comment -->
<div class="box-comment">
<!-- User image -->
<img class="img-circle img-sm" src="../dist/img/avatar5.png" alt="user image">
<div class="comment-text">
<span class="username">
胡家煊
<span class="text-muted pull-right">8:03 PM 今天</span>
</span>
<!-- /.username -->
嘿嘿嘿嘿;-)
</div>
<!-- /.comment-text -->
</div>
<!-- /.box-comment -->
</div>
<!-- /.box-footer -->
<div class="box-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="输入评论内容" class="form-control">
<span class="input-group-btn">
<button type="button" class="btn btn-primary btn-flat">提交</button>
</span>
</div>
</form>
</div>
<!-- /.box-footer -->
</div>
</div>
<!-- col -->
</div>
<!-- row -->
</div>
<!-- col -->
</div>
<!-- row -->
</section>
<!-- content section -->
</div>
<!-- content-wrapper -->
</div>
<!-- ./wrapper -->
<center><strong>Copyright &copy; 2016 <a href="#">Aambition Inc.</a>.</strong> All rights reserved.</center>
<!-- jQuery 2.1.4 -->
<script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- date select and query -->
</body>
</html>

View File

@ -0,0 +1,532 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Font Awesome -->
<link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<!-- AdminLTE Skins. We have chosen the skin-blue for this starter
page. However, you can choose any other skin. Make sure you
apply the skin class to the body tag so the changes take effect.
-->
<link rel="stylesheet" href="../dist/css/skins/skin-green.min.css">
<!-- date picker -->
<link rel="stylesheet" href="../dist/css/datepicker.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.task-content-a {
text-decoration: none !important;
color: black !important;
}
.content-container-unstart {
background: #F4F4F4;
box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
border-left: 8px solid #d2d6de;
}
.content-container-processing {
background: #F4F4F4;
box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
border-left: 8px solid #dd4b39;
}
.content-container-success {
background: #F4F4F4;
box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
border-left: 8px solid #00a65a;
}
.content-container-tested {
background: #F4F4F4;
box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
border-left: 8px solid #00c0ef;
}
.modal-detail {
background-color: #ecf0f5;
}
</style>
</head>
<body class="hold-transition skin-green sidebar-mini" style="overflow-x:hidden;">
<div class="wrapper">
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="margin-left:0px;">
<section class="content-header">
<h1>
任务
<small>Ready to work!</small>
</h1>
</section>
<!-- header section -->
<!-- Content Header (Page header) -->
<section class="content">
<div class="row">
<div class="col-md-3">
<div class="box box-default">
<div class="box-header with-border">
<h3 class="box-title">未开始 · 4</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-toggle="modal" data-target="#myModal2"><i class="fa fa-plus"></i></button>
</div>
</div>
<!-- /.box-header -->
<div class="box-body">
<div class="callout content-container-unstart">
<a href="#" class="task-content-a" data-toggle="modal" data-target="#myModal">
<h4>前端原型开发</h4>
<p>开发出项目的前端原型。</p>
</a>
</div>
<div class="callout content-container-unstart">
<a href="#" class="task-content-a">
<h4>数据库建表</h4>
<p>建库建表。</p>
</a>
</div>
<div class="callout content-container-unstart">
<a href="#" class="task-content-a">
<h4>撰写测试用例</h4>
<p>根据需求撰写Rspec测试用例</p>
</a>
</div>
<div class="callout content-container-unstart">
<a href="#" class="task-content-a">
<h4>数据接口列表</h4>
<p>撰写前端需要的数据接口列表.</p>
</a>
</div>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- /.col -->
<div class="col-md-3">
<div class="box box-danger">
<div class="box-header with-border">
<h3 class="box-title">进行中 · 5</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool"><i class="fa fa-plus"></i></button>
</div>
</div>
<!-- /.box-header -->
<div class="box-body">
<div class="callout content-container-processing">
<a href="#" class="task-content-a">
<h4>前端原型开发</h4>
<p>开发出项目的前端原型。</p>
</a>
</div>
<div class="callout content-container-processing">
<a href="#" class="task-content-a">
<h4>数据库建表</h4>
<p>建库建表。</p>
</a>
</div>
<div class="callout content-container-processing">
<a href="#" class="task-content-a">
<h4>撰写测试用例</h4>
<p>根据需求撰写Rspec测试用例</p>
</a>
</div>
<div class="callout content-container-processing">
<a href="#" class="task-content-a">
<h4>数据接口列表</h4>
<p>撰写前端需要的数据接口列表.</p>
</a>
</div>
<div class="callout content-container-processing">
<a href="#" class="task-content-a">
<h4>测试</h4>
<p>测试</p>
</a>
</div>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- /.col -->
<div class="col-md-3">
<div class="box box-success">
<div class="box-header with-border">
<h3 class="box-title">已完成 · 5</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool"><i class="fa fa-plus"></i></button>
</div>
</div>
<!-- /.box-header -->
<div class="box-body">
<div class="callout content-container-success">
<a href="#" class="task-content-a">
<h4>前端原型开发</h4>
<p>开发出项目的前端原型。</p>
</a>
</div>
<div class="callout content-container-success">
<a href="#" class="task-content-a">
<h4>数据库建表</h4>
<p>建库建表。</p>
</a>
</div>
<div class="callout content-container-success">
<a href="#" class="task-content-a">
<h4>撰写测试用例</h4>
<p>根据需求撰写Rspec测试用例</p>
</a>
</div>
<div class="callout content-container-success">
<a href="#" class="task-content-a">
<h4>数据接口列表</h4>
<p>撰写前端需要的数据接口列表.</p>
</a>
</div>
<div class="callout content-container-success">
<a href="#" class="task-content-a">
<h4>测试</h4>
<p>测试</p>
</a>
</div>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- /.col -->
<div class="col-md-3">
<div class="box box-info">
<div class="box-header with-border">
<h3 class="box-title">已测试 · 5</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool"><i class="fa fa-plus"></i></button>
</div>
</div>
<!-- /.box-header -->
<div class="box-body">
<div class="callout content-container-tested">
<a href="#" class="task-content-a">
<h4>前端原型开发</h4>
<p>开发出项目的前端原型。</p>
</a>
</div>
<div class="callout content-container-tested">
<a href="#" class="task-content-a">
<h4>数据库建表</h4>
<p>建库建表。</p>
</a>
</div>
<div class="callout content-container-tested">
<a href="#" class="task-content-a">
<h4>撰写测试用例</h4>
<p>根据需求撰写Rspec测试用例</p>
</a>
</div>
<div class="callout content-container-tested">
<a href="#" class="task-content-a">
<h4>数据接口列表</h4>
<p>撰写前端需要的数据接口列表.</p>
</a>
</div>
<div class="callout content-container-tested">
<a href="#" class="task-content-a">
<h4>测试</h4>
<p>测试</p>
</a>
</div>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- /.col -->
</div>
<!-- row -->
<!-- 模态框Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content modal-detail">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabel">
未开始列表
</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-12">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">基本信息</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<strong><i class="fa fa-book margin-r-5"></i>任务名称</strong>
<p class="text-muted">
前端原型开发
</p>
<hr>
<strong><i class="fa fa-tasks margin-r-5"></i>任务内容</strong>
<p class="text-muted">开发出项目的前端原型。</p>
<hr>
<strong><i class="fa fa-calendar margin-r-5"></i>截止时间</strong> 2016年12月8日
<hr>
<strong><i class="fa fa-clock-o margin-r-5"></i>优先级</strong>
<div class="label label-danger" style="font-size:15px;font-weight:0 !important;">紧急</div>
<hr>
<strong><i class="fa fa-file-text-o margin-r-5"></i>参与人员</strong>
<p>
杨诏、陈翊
</p>
</div>
<!-- /.box-body -->
</div>
</div>
<!-- col -->
<div class="col-lg-12">
<div class="box box-primary direct-chat direct-chat-primary">
<div class="box-header with-border">
<h3 class="box-title">任务评论</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left">杨诏</span>
<span class="direct-chat-timestamp pull-right">2016-12-7 2:00 pm</span>
</div>
<!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/avatar5.png" alt="message user image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
这个任务相当好!
</div>
<!-- /.direct-chat-text -->
</div>
<!-- /.direct-chat-msg -->
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left">陈翊</span>
<span class="direct-chat-timestamp pull-right">2016-12-7 2:00 pm</span>
</div>
<!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/avatar5.png" alt="message user image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
@杨诏,说的对呀!
</div>
<!-- /.direct-chat-text -->
</div>
<!-- /.direct-chat-msg -->
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left">崔承旭</span>
<span class="direct-chat-timestamp pull-right">2016-12-7 2:00 pm</span>
</div>
<!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/avatar5.png" alt="message user image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text">
@陈翊,说的对呀!
</div>
<!-- /.direct-chat-text -->
</div>
<!-- /.direct-chat-msg -->
</div>
<!--/.direct-chat-messages-->
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class="contacts-list">
<li>
<a href="#">
<img class="contacts-list-img" src="../dist/img/avatar5.png">
<div class="contacts-list-info">
<span class="contacts-list-name">
Count Dracula
<small class="contacts-list-date pull-right">2/28/2015</small>
</span>
<span class="contacts-list-msg">How have you been? I was...</span>
</div>
<!-- /.contacts-list-info -->
</a>
</li>
<!-- End Contact Item -->
</ul>
<!-- /.contatcts-list -->
</div>
<!-- /.direct-chat-pane -->
</div>
<!-- /.box-body -->
<div class="box-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="输入评论内容" class="form-control">
<span class="input-group-btn">
<button type="button" class="btn btn-primary btn-flat">提交评论</button>
</span>
</div>
</form>
</div>
<!-- /.box-footer-->
</div>
</div>
<!-- col -->
</div>
<!-- row -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal2">
修改
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 模态框Modal -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content modal-detail">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabel">
未开始列表
</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-12">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">任务信息</h3>
</div>
<!-- /.box-header -->
<!-- form start -->
<form role="form">
<div class="box-body">
<div class="form-group row has-feedback">
<label for="inputPassword3" class="col-sm-2 col-md-push-2 control-label">任务名称</label>
<div class="col-sm-6 col-md-push-2">
<input type="text" class="form-control" value="11" id="address" name="address" placeholder="地址">
</div>
</div>
<!-- ./form-group -->
<div class="form-group row has-feedback">
<label for="inputPassword3" class="col-sm-2 col-md-push-2 control-label">任务内容</label>
<div class="col-sm-6 col-md-push-2">
<textarea class="form-control" rows="3" placeholder="Enter ..."></textarea> </div>
</div>
<!-- ./form-group -->
<div class="form-group row has-feedback">
<label for="inputPassword3" class="col-sm-2 col-md-push-2 control-label">截止时间</label>
<div class="col-sm-6 col-md-push-2">
<input type="text" class="form-control" value="11" id="address" name="address" placeholder="地址">
</div>
</div>
<!-- ./form-group -->
<div class="form-group row has-feedback">
<label for="inputPassword3" class="col-sm-2 col-md-push-2 control-label">优先级</label>
<div class="col-sm-6 col-md-push-2">
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
普通
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
紧急
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3">
非常紧急
</label>
</div>
</div>
</div>
<!-- ./form-group -->
<div class="form-group row has-feedback">
<label for="inputPassword3" class="col-sm-2 col-md-push-2 control-label">参与人员</label>
<div class="col-sm-6 col-md-push-2">
<select multiple="" class="form-control">
<option>杨诏</option>
<option>陈翊</option>
<option>崔承旭</option>
<option>胡家煊</option>
<option>马旭桐</option>
</select>
</div>
</div>
<!-- ./form-group -->
</div>
<!-- /.box-body -->
</form>
</div>
</div>
<!-- col -->
<div class="col-lg-12">
</div>
<!-- col -->
</div>
<!-- row -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">
提交
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
</section>
<!-- content section -->
</div>
<!-- content-wrapper -->
</div>
<!-- ./wrapper -->
<center><strong>Copyright &copy; 2016 <a href="#">Ambition Inc.</a>.</strong> All rights reserved.</center>
<!-- jQuery 2.1.4 -->
<script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- date select and query -->
</body>
</html>