|
|
@@ -0,0 +1,1089 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <title>一元捐后台管理</title>
|
|
|
+ <meta name="keywords" content="">
|
|
|
+ <meta name="description" content="">
|
|
|
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
+ <meta name="renderer" content="webkit">
|
|
|
+ <!--css begin-->
|
|
|
+ <link href="static/images/icon/u.png" rel="icon" type="image/x-icon" />
|
|
|
+ <link rel="stylesheet" href="static/css/base.css">
|
|
|
+ <link rel="stylesheet" href="static/css/common.css">
|
|
|
+ <link rel="stylesheet" href="static/css/AdminLTE.css">
|
|
|
+ <link rel="stylesheet" href="static/css/skins/_all-skins.css">
|
|
|
+ <link rel="stylesheet" href="static/lib/bootstrap/css/bootstrap.min.css">
|
|
|
+ <link rel="stylesheet" href="static/lib/font-awesome/css/font-awesome.min.css">
|
|
|
+ <style>
|
|
|
+ body{
|
|
|
+ font-family: "Microsoft Yahei", "微软雅黑";
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ .clearfix {
|
|
|
+ clear: both;
|
|
|
+ }
|
|
|
+ .skin-blue .content-wrapper .content-header{
|
|
|
+ margin: 0 0 -15px 7px;
|
|
|
+ }
|
|
|
+ .skin-blue .content-wrapper .content-header .row-list{
|
|
|
+ margin-top: 15px;
|
|
|
+ }
|
|
|
+ .content-header .form-horizontal{
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .content-header .jp-left{
|
|
|
+ height: 32px;
|
|
|
+ line-height: 32px;
|
|
|
+ }
|
|
|
+ .content-header .jp-left span{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .content-header .jp-left a{
|
|
|
+ margin-right: 15px;
|
|
|
+ display: inline-block;
|
|
|
+ width: 48px;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #367fa9;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .content-header .jp-left select{
|
|
|
+ margin-right: 28px;
|
|
|
+ width: 150px;
|
|
|
+ height: 32px;
|
|
|
+ border-radius: 0;
|
|
|
+ }
|
|
|
+ .content .boxes {
|
|
|
+ position: relative;
|
|
|
+ margin-top: 4px;
|
|
|
+ border-radius: 3px;
|
|
|
+ background: #ffffff;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ width: 100%;
|
|
|
+ height: 700px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
|
|
|
+ }
|
|
|
+ .content .boxes-body table{
|
|
|
+ width: 100%;
|
|
|
+ max-width: 100%;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tr{
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle ;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tr td:nth-child(2),.content .boxes-body table tr td:nth-child(3){
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .content .boxes-body table thead{
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .content .boxes-body table thead tr{
|
|
|
+ border-bottom: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .content .boxes-body table thead tr td{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #8c8c8c;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody{
|
|
|
+ height: 655px;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr{
|
|
|
+ height: 60px;
|
|
|
+ vertical-align: baseline;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr:nth-child(even){
|
|
|
+ background: #f7f7f7;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr:hover{
|
|
|
+ background: #f1f5ff;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr td{
|
|
|
+ padding-top: 6px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr td div.name{
|
|
|
+ width: 220px;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr td div.name p {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr td div.name:hover p{
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr td div.name div{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr:hover td div.name div{
|
|
|
+ margin-top: 5px;
|
|
|
+ /*display: block;*/
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr td div.name span{
|
|
|
+ margin-right: 25px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #367bcf;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr td div.name span:last-child {
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+ /*右侧内容部分*/
|
|
|
+ .content-right{
|
|
|
+ margin-top: 50px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ width: 905px;
|
|
|
+ height: 924px;
|
|
|
+ background: #fff;
|
|
|
+ z-index: 100;
|
|
|
+ box-shadow: -5px 2px 2px #f0f0f0;
|
|
|
+ -moz-box-shadow: -5px 2px 2px #f0f0f0;
|
|
|
+ -o-box-shadow: -5px 2px 2px #f0f0f0;
|
|
|
+ -webkit-box-shadow: -5px 2px 2px #f0f0f0 ;
|
|
|
+ }
|
|
|
+ .right-header{
|
|
|
+ padding: 0 25px;
|
|
|
+ width: 100%;
|
|
|
+ height: 64px;
|
|
|
+ line-height: 64px;
|
|
|
+ }
|
|
|
+ .right-header span{
|
|
|
+ margin-right: 17px;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .right-header a{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #1a6eb5;
|
|
|
+ }
|
|
|
+ .right-header .close{
|
|
|
+ font-size: 40px;
|
|
|
+ }
|
|
|
+ .right-nav{
|
|
|
+ margin-bottom: 14px;
|
|
|
+ width: 100%;
|
|
|
+ height: 34px;
|
|
|
+ line-height: 34px;
|
|
|
+ background: #e8f0f7;
|
|
|
+ }
|
|
|
+ .right-nav span{
|
|
|
+ margin-right: 50px;
|
|
|
+ padding-bottom: 5px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333333;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .right-nav span:first-child{
|
|
|
+ margin-left: -73px;
|
|
|
+ }
|
|
|
+ .right-nav span:hover,.right-nav span.active{
|
|
|
+ border-bottom: 2px solid #3c8dbc;
|
|
|
+ }
|
|
|
+ .content-right .right-list{
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .content-right .right-list table{
|
|
|
+ margin-top: 20px;
|
|
|
+ width: 100%;
|
|
|
+ table-layout: fixed ;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content-right .right-list table thead{
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .content-right .right-list table thead tr{
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .content-right .right-list table thead th{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #8c8c8c;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .content-right .right-list table thead th:nth-child(2){
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .content-right .right-list table tbody tr{
|
|
|
+ height: 60px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .content-right .right-list table tbody tr:nth-child(even){
|
|
|
+ background: #f7f7f7;
|
|
|
+ }
|
|
|
+ .content-right .right-list table tbody tr:hover{
|
|
|
+ background: #f1f5ff;
|
|
|
+ }
|
|
|
+ .content-right .right-list table tbody tr td{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .content-right .right-list table tbody tr td:nth-child(2) {
|
|
|
+ /*font-weight: bold;*/
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .content-right .right-list table tbody tr td:nth-child(3) {
|
|
|
+ padding-right: 20px;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ /*机构信息*/
|
|
|
+ .right-list .list-message{
|
|
|
+ padding: 0 20px 0 25px;
|
|
|
+ }
|
|
|
+ .right-list .list-header{
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: 43px;
|
|
|
+ text-align: left;
|
|
|
+ border-bottom: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .right-list .list-header:first-child {
|
|
|
+ margin-top: -10px;
|
|
|
+ }
|
|
|
+ .right-list .list-header span{
|
|
|
+ margin-left: 15px;
|
|
|
+ font-size: 15px;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ .right-list .list-header span:before {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ top: 13px;
|
|
|
+ left: 0;
|
|
|
+ width: 4px;
|
|
|
+ height: 16px;
|
|
|
+ background: #626262;
|
|
|
+ }
|
|
|
+ .right-list .list-body{
|
|
|
+ margin-top: 17px;
|
|
|
+ }
|
|
|
+ .right-list .list-body .msg-list{
|
|
|
+ margin-bottom: 20px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .right-list .list-body .msg-list span:first-child{
|
|
|
+ margin-right: 20px;
|
|
|
+ width: 70px;
|
|
|
+ font-family: 'SimHei'!important ;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #8da8b8;
|
|
|
+ }
|
|
|
+ .right-list .list-body .msg-list span:last-child{
|
|
|
+ width: 340px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ /*详细信息*/
|
|
|
+ .right-list .list-body .msg-list span.count{
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #3a88b5;
|
|
|
+ }
|
|
|
+ .right-list .list-body .msg-list span.mCount{
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ .msg-list .project-intro{
|
|
|
+ width: 760px;
|
|
|
+ }
|
|
|
+ .msg-list .project-txt{
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .msg-list .project-txt .project-intro{
|
|
|
+ margin: 0 0 42px 0;
|
|
|
+ }
|
|
|
+ .msg-list .project-txt .project-intro p{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #787878;
|
|
|
+ text-indent: 2em;
|
|
|
+ line-height: 21px;
|
|
|
+ }
|
|
|
+ .msg-list .project-txt .project-intro img{
|
|
|
+ margin: 30px 0;
|
|
|
+ width: 500px;
|
|
|
+ height: 235px;
|
|
|
+ border: 1px solid #e1e1e1;
|
|
|
+ }
|
|
|
+ .msg-list .project-txt .projectIntro{
|
|
|
+ margin-bottom: 45px;
|
|
|
+ }
|
|
|
+ .msg-list .project-txt .projectIntro h3{
|
|
|
+ padding-bottom: 13px;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #1e1e1e;
|
|
|
+ border-bottom: 1px solid #e1e1e1;
|
|
|
+ }
|
|
|
+ .msg-list .project-txt .projectIntro p:nth-of-type(1){
|
|
|
+ margin-top: 15px;
|
|
|
+ }
|
|
|
+ .msg-list .project-txt .projectIntro p{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #787878;
|
|
|
+ line-height: 21px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*图片信息*/
|
|
|
+ .right-list .list-body .msg-list div.pcMainImg {
|
|
|
+ margin-bottom: 34px;
|
|
|
+ width: 560px;
|
|
|
+ height: 310px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ background: #e5e5e5;
|
|
|
+ }
|
|
|
+ .right-list .list-body .msg-list div.pcMainImg input{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ outline: none;
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ .right-list .list-body .msg-list div.mbMainImg {
|
|
|
+ margin-bottom: 34px;
|
|
|
+ width: 750px;
|
|
|
+ height: 550px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ background: #e5e5e5;
|
|
|
+ }
|
|
|
+ .right-list .list-body .msg-list div.mbMainImg input{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ outline: none;
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ .right-list .list-body .msg-list div.mbListImg {
|
|
|
+ margin-bottom: 34px;
|
|
|
+ width: 500px;
|
|
|
+ height: 375px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ background: #e5e5e5;
|
|
|
+ }
|
|
|
+ .right-list .list-body .msg-list div.mbListImg input{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ outline: none;
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ /*项目进度*/
|
|
|
+ .right-list .list-message p{
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 21px;
|
|
|
+ color: #323232;
|
|
|
+ text-indent: 2em;
|
|
|
+ }
|
|
|
+ .right-list .list-message p.first-txt {
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .right-list .list-message .img{
|
|
|
+ margin: 20px 0;
|
|
|
+ width: 500px;
|
|
|
+ height: 280px;
|
|
|
+ }
|
|
|
+ .right-list .list-message .img img{
|
|
|
+ max-width: 500px;
|
|
|
+ }
|
|
|
+ .right-list .list-message .time{
|
|
|
+ padding-bottom: 20px;
|
|
|
+ border-bottom: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .right-list .list-message .time span{
|
|
|
+ margin-right: 23px;
|
|
|
+ font-family: 'SimHei'!important;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #969696;
|
|
|
+ }
|
|
|
+ .right-list .list-message .time a{
|
|
|
+ font-family: 'SimHei'!important;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #1a6eb5;
|
|
|
+ }
|
|
|
+ /*捐款明细*/
|
|
|
+ .right-list .list-message .choose select{
|
|
|
+ padding-left: 10px;
|
|
|
+ margin-right: 27px;
|
|
|
+ width: 150px;
|
|
|
+ height: 32px;
|
|
|
+ }
|
|
|
+ .right-list .list-message .search {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .right-list .list-message .search input{
|
|
|
+ margin-right: 8px;
|
|
|
+ padding-left: 10px;
|
|
|
+ width: 150px;
|
|
|
+ height: 30px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .right-list .list-message .search button{
|
|
|
+ width: 60px;
|
|
|
+ height: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ background: #eceff4;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ /*材料证明*/
|
|
|
+ .right-list .list-body .msg-list span.info {
|
|
|
+ width: 764px;
|
|
|
+ }
|
|
|
+ .right-list .list-body .msg-list div.imgUpload{
|
|
|
+ margin-left: 5px;
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ background: #dcdcdc;
|
|
|
+ }
|
|
|
+ .right-list .list-body .msg-list div.imgUpload input[type='file']{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ opacity: 0;
|
|
|
+ outline: none;
|
|
|
+ }
|
|
|
+ .right-list .list-body .msg-list span.imgUp {
|
|
|
+ /*width: 150px;*/
|
|
|
+ }
|
|
|
+ .right-list{
|
|
|
+ display: none
|
|
|
+ }
|
|
|
+ .show{
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .box-show{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .content-right{
|
|
|
+ display: none;
|
|
|
+ height: 1500px;
|
|
|
+ }
|
|
|
+ /*未审核-机构信息*/
|
|
|
+ .right-list .list-footer{
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 45px;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .right-list .list-footer a{
|
|
|
+ display: inline-block;
|
|
|
+ width: 140px;
|
|
|
+ height: 34px;
|
|
|
+ line-height: 34px;
|
|
|
+ color: #fff;
|
|
|
+ letter-spacing: 10px;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .right-list .list-footer a:first-child {
|
|
|
+ margin-right: 27px;
|
|
|
+ background: #3c8dbc;
|
|
|
+ }
|
|
|
+ .right-list .list-footer a:last-child {
|
|
|
+ background: #a0a0a0;
|
|
|
+ }
|
|
|
+ .modal-footer {
|
|
|
+ padding: 10px;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body class="skin-blue sidebar-mini pace-done">
|
|
|
+ <div class="pace pace-inactive">
|
|
|
+ <div class="pace-progress" data-progress-text="100%" data-progress="99" style="transform: translate3d(100%, 0px, 0px);">
|
|
|
+ <div class="pace-progress-inner"></div>
|
|
|
+ </div>
|
|
|
+ <div class="pace-activity"></div>
|
|
|
+ </div>
|
|
|
+ <div class="wrapper">
|
|
|
+ <!--顶部导航-->
|
|
|
+ <header class="main-header">
|
|
|
+ <!-- Logo -->
|
|
|
+ <a href="" class="logo" target="_blank">
|
|
|
+ <span class="logo-mini"><b>JP</b></span>
|
|
|
+ <span class="logo-lg"><b>一元捐后台系统</b></span>
|
|
|
+ </a>
|
|
|
+ <nav class="navbar navbar-static-top" role="navigation">
|
|
|
+ <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
|
|
|
+ <span class="sr-only">开关</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
|
|
|
+ </a>
|
|
|
+ <div class="navbar-custom-menu" style="padding-right: 2rem">
|
|
|
+ <ul class="nav navbar-nav">
|
|
|
+ <li class="dropdown user user-menu">
|
|
|
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
|
|
+ <span class="hidden-xs">超级管理员， 您好</span>
|
|
|
+ <img src="static/images/avatar.jpg" class="user-image">
|
|
|
+ </a>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <!-- User image -->
|
|
|
+ <li class="user-header">
|
|
|
+ <img src="static/images/avatar.jpg" style="border-radius: 50%;">
|
|
|
+ <p>超级管理员 - 超级管理员</p>
|
|
|
+ </li>
|
|
|
+ <li class="user-footer">
|
|
|
+ <div class="pull-left">
|
|
|
+ <a href="" class="btn btn-default btn-flat">资料</a>
|
|
|
+ </div>
|
|
|
+ <div class="pull-right">
|
|
|
+ <a href="" class="btn btn-default btn-flat">退出</a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </nav>
|
|
|
+ </header>
|
|
|
+ <!--左侧边栏-->
|
|
|
+ <aside class="main-sidebar">
|
|
|
+ <section class="sidebar">
|
|
|
+ <ul class="sidebar-menu">
|
|
|
+ <li class="jpress_block"></li>
|
|
|
+ <li class="treeview active" id="dashboard">
|
|
|
+ <a href="">
|
|
|
+ <i class="fa fa-home"></i>
|
|
|
+ <span>一元捐首页</span>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="jpress_block"></li>
|
|
|
+ <li class="treeview" id="systems">
|
|
|
+ <a href="#">
|
|
|
+ <i class="fa fa-file-text-o"></i><span>项目中心</span>
|
|
|
+ <i class="fa fa-angle-left pull-right"></i>
|
|
|
+ </a>
|
|
|
+ <ul class="treeview-menu">
|
|
|
+ <li id=""><a href="">项目列表</a></li>
|
|
|
+ <li id=""><a href="">发起项目</a></li>
|
|
|
+ <li id=""><a href="">捐款明细</a></li>
|
|
|
+ <li id=""><a href="">项目财务披露</a></li>
|
|
|
+ <li id=""><a href="">项目报告填写</a></li>
|
|
|
+ <li id=""><a href="">项目结项管理</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="treeview" id="schemes">
|
|
|
+ <a href="#">
|
|
|
+ <i class="fa fa-file-text-o"></i><span>用户中心</span>
|
|
|
+ <i class="fa fa-angle-left pull-right"></i>
|
|
|
+ </a>
|
|
|
+ <ul class="treeview-menu">
|
|
|
+ <li id=""><a href="">机构列表</a></li>
|
|
|
+ <li id=""><a href="">用户列表</a></li>
|
|
|
+ <li id=""><a href="">权限设置</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="treeview" id="customers">
|
|
|
+ <a href="#"><i class="fa fa-file-text-o"></i><span>活动中心</span>
|
|
|
+ <i class="fa fa-angle-left pull-right"></i>
|
|
|
+ </a>
|
|
|
+ <!--<ul class="treeview-menu">-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--</ul>-->
|
|
|
+ </li>
|
|
|
+ <li class="treeview" id="customers">
|
|
|
+ <a href="#"><i class="fa fa-file-text-o"></i><span>消息中心</span>
|
|
|
+ <i class="fa fa-angle-left pull-right"></i>
|
|
|
+ </a>
|
|
|
+ <!--<ul class="treeview-menu">-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--</ul>-->
|
|
|
+ </li>
|
|
|
+ <li class="treeview" id="customers">
|
|
|
+ <a href="#"><i class="fa fa-file-text-o"></i><span>前台管理</span>
|
|
|
+ <i class="fa fa-angle-left pull-right"></i>
|
|
|
+ </a>
|
|
|
+ <!--<ul class="treeview-menu">-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--<li id=""><a href=""></a></li>-->
|
|
|
+ <!--</ul>-->
|
|
|
+ </li>
|
|
|
+ <li class="jpress_block"></li>
|
|
|
+ </ul>
|
|
|
+ </section>
|
|
|
+ <!-- /.sidebar -->
|
|
|
+ </aside>
|
|
|
+ <!--主体内容-->
|
|
|
+ <div class="content-wrapper" style="min-height: 1500px;; z-index: 50;">
|
|
|
+ <section class="content-header clearfix">
|
|
|
+ <h1>捐款明细</h1>
|
|
|
+ <div class="row-list clearfix">
|
|
|
+ <div class="sort fl">
|
|
|
+ <div class="row content-row clearfix">
|
|
|
+ <div class="jp-left">
|
|
|
+ <select class="form-control input-sm jp-width120" name="action">
|
|
|
+ <option value="">全部时段</option>
|
|
|
+ <option value="delete">最近6小时</option>
|
|
|
+ <option value="delete">最近24小时</option>
|
|
|
+ <option value="delete">最近3天</option>
|
|
|
+ <option value="delete">最近7天</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div class="jp-left">
|
|
|
+ <select class="form-control input-sm jp-width120 jp-selected">
|
|
|
+ <option value="">全部方式</option>
|
|
|
+ <option value="33">微信支付</option>
|
|
|
+ <option value="34">支付宝</option>
|
|
|
+ <option value="33">网银转账</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div class="jp-left">
|
|
|
+ <select class="form-control input-sm jp-width120" name="action">
|
|
|
+ <option value="">全部分类</option>
|
|
|
+ <option value="delete">教育/助学</option>
|
|
|
+ <option value="delete">疾病救助</option>
|
|
|
+ <option value="delete">扶贫/救灾</option>
|
|
|
+ <option value="delete">环保/保护动物</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fr">
|
|
|
+ <div class="jp-left">
|
|
|
+ <select class="form-control input-sm jp-width120" name="action">
|
|
|
+ <option value="">项目名称</option>
|
|
|
+ <option value="delete">全部</option>
|
|
|
+ <option value="delete">捐款人</option>
|
|
|
+ <option value="delete">收益机构</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <form class="form-horizontal" method="POST" action="">
|
|
|
+ <div class="input-group input-group-sm">
|
|
|
+ <input id="post-search-input" class="form-control" type="search" value="" name="" placeholder="请输入关键词">
|
|
|
+ <input id="search-submit" class="btn btn-default btn-sm" type="submit" value="搜索">
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <!-- Main content -->
|
|
|
+ <section class="content">
|
|
|
+ <div class="box-show show">
|
|
|
+ <div class="boxes">
|
|
|
+ <div class="boxes-body">
|
|
|
+ <form action="" method="" id="form">
|
|
|
+ <input type="hidden" name="" value="">
|
|
|
+ <table class="" style="word-break:break-all">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <td width="45"></td>
|
|
|
+ <td width="210">项目名称</td>
|
|
|
+ <td width="110">领域分类</td>
|
|
|
+ <td width="90">捐款人</td>
|
|
|
+ <td width="100">捐款金额(元)</td>
|
|
|
+ <td width="120">捐款时间</td>
|
|
|
+ <td width="200">收益机构</td>
|
|
|
+ <td width="90">捐款方式</td>
|
|
|
+ <td width="360"></td>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td><input type="checkbox"></td>
|
|
|
+ <td>
|
|
|
+ <div class="name">
|
|
|
+ <p>让寒门学子多回趟家</p>
|
|
|
+ <div><span>编辑</span></div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>教育/助学</td>
|
|
|
+ <td>张学友</td>
|
|
|
+ <td class="text-right">200.00</td>
|
|
|
+ <td>2017-08-20 <br/>14:38:11</td>
|
|
|
+ <td>吉林省青少年发展基金会</td>
|
|
|
+ <td>微信支付</td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><input type="checkbox"></td>
|
|
|
+ <td>
|
|
|
+ <div class="name">
|
|
|
+ <p>让寒门学子多回趟家</p>
|
|
|
+ <div><span>编辑</span></div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>教育/助学</td>
|
|
|
+ <td>张学友</td>
|
|
|
+ <td class="text-right">200.00</td>
|
|
|
+ <td>2017-08-20 <br/>14:38:11</td>
|
|
|
+ <td>吉林省青少年发展基金会</td>
|
|
|
+ <td>微信支付</td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><input type="checkbox"></td>
|
|
|
+ <td>
|
|
|
+ <div class="name">
|
|
|
+ <p>让寒门学子多回趟家</p>
|
|
|
+ <div><span>编辑</span></div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>教育/助学</td>
|
|
|
+ <td>张学友</td>
|
|
|
+ <td class="text-right">200.00</td>
|
|
|
+ <td>2017-08-20 <br/>14:38:11</td>
|
|
|
+ <td>吉林省青少年发展基金会</td>
|
|
|
+ <td>微信支付</td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><input type="checkbox"></td>
|
|
|
+ <td>
|
|
|
+ <div class="name">
|
|
|
+ <p>让寒门学子多回趟家</p>
|
|
|
+ <div><span>编辑</span></div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>教育/助学</td>
|
|
|
+ <td>张学友</td>
|
|
|
+ <td class="text-right">200.00</td>
|
|
|
+ <td>2017-08-20 <br/>14:38:11</td>
|
|
|
+ <td>吉林省青少年发展基金会</td>
|
|
|
+ <td>微信支付</td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><input type="checkbox"></td>
|
|
|
+ <td>
|
|
|
+ <div class="name">
|
|
|
+ <p>让寒门学子多回趟家</p>
|
|
|
+ <div><span>编辑</span></div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>教育/助学</td>
|
|
|
+ <td>张学友</td>
|
|
|
+ <td class="text-right">200.00</td>
|
|
|
+ <td>2017-08-20 <br/>14:38:11</td>
|
|
|
+ <td>吉林省青少年发展基金会</td>
|
|
|
+ <td>微信支付</td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+ <!--右侧内容部分-->
|
|
|
+ <aside class="content-right show">
|
|
|
+ <div class="right-header clearfix">
|
|
|
+ <div class="fl"><span>让寒门学子多回趟家</span><a href="">查看网页</a></div>
|
|
|
+ <div class="fr close">×</div>
|
|
|
+ </div>
|
|
|
+ <div class="right-nav"><span style="margin-left: -245px;">详细信息</span><span>图片信息</span><span>机构信息</span><span>项目进度</span><span class="active">捐款明细</span></div>
|
|
|
+ <!--详细信息-->
|
|
|
+ <div class="right-list">
|
|
|
+ <div class="list-message">
|
|
|
+ <div class="list-header">
|
|
|
+ <span>基本信息</span>
|
|
|
+ </div>
|
|
|
+ <div class="list-body clearfix">
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">捐助领域</span>
|
|
|
+ <span class="fl">疾病救助</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">具体分类</span>
|
|
|
+ <span class="fl">贫困助学</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">项目地点</span>
|
|
|
+ <span class="fl">广东省 云浮市</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">受助群体</span>
|
|
|
+ <span class="fl">山区孩子</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">筹款目标</span>
|
|
|
+ <span class="fl">68000元</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">已筹善款</span>
|
|
|
+ <span class="fl count">68483元</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">参与人数</span>
|
|
|
+ <span class="fl count">1121人</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">筹备时间</span>
|
|
|
+ <span class="fl">2017-09-12至2017-12-12</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">发起缘由</span>
|
|
|
+ <span class="fl"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list-message">
|
|
|
+ <div class="list-header">
|
|
|
+ <span>项目介绍</span>
|
|
|
+ </div>
|
|
|
+ <div class="list-body clearfix">
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">项目介绍</span>
|
|
|
+ <div class="project-intro fl">
|
|
|
+ <div class="project-txt fl">
|
|
|
+ <div class="project-intro">
|
|
|
+ <p>晚上上自修课，语文老师坐镇。同学们安静得做作业。忽然，老师咳嗽了一声，同学们惊异地抬起头，随即又低下了头。紧接着不知从哪又来了一声咳嗽声——是郭宵。老师瞅了他一眼，随即又若无其事的低下头，道：“有人是傻子。”“郭宵是也。”蔡元杰随即答道。“有人是疯子。”“蔡元杰是也。”全班同学超有默契的答道。顿时，欢乐一片。</p>
|
|
|
+ <img src="static/images/active05.png" alt=""/>
|
|
|
+ </div>
|
|
|
+ <div class="projectIntro">
|
|
|
+ <h3>资助人群</h3>
|
|
|
+ <p>西北、西南贫困山区的小学初中、高中（包括职业教育）大学生</p>
|
|
|
+ </div>
|
|
|
+ <div class="projectIntro">
|
|
|
+ <h3>执行计划</h3>
|
|
|
+ <p>1、基层团组织通过学校在学校内公布申请条件，学生以及其监护人提出求助申请学校对申请学生进行家访，核实家庭经济状况后报县级团委审核，县级团委上报市级团委汇总；</p>
|
|
|
+ <p>2、确认市级团委汇总地区申请资料后报市青基会；</p>
|
|
|
+ <p>3、市青基会终审申请，制作项目档案，并报理事会审议；审议通过后向申请人进行资助，并做审计和公示。</p>
|
|
|
+ </div>
|
|
|
+ <div class="projectIntro">
|
|
|
+ <h3>执行机构</h3>
|
|
|
+ <p>吉林省青少年发展基金会</p>
|
|
|
+ <p>项目联系人：李四</p>
|
|
|
+ <p>联系电话：138000000</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--图片信息-->
|
|
|
+ <div class="right-list">
|
|
|
+ <div class="list-message">
|
|
|
+ <div class="list-body clearfix">
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">PC端主图</span>
|
|
|
+ <div class="fl pcMainImg">
|
|
|
+ <input type="file">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">手机端主图</span>
|
|
|
+ <div class="fl mbMainImg">
|
|
|
+ <input type="file">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">手机列表图</span>
|
|
|
+ <div class="fl mbListImg">
|
|
|
+ <input type="file">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list-message">
|
|
|
+ <div class="list-header">
|
|
|
+ <span>主要联系人</span>
|
|
|
+ </div>
|
|
|
+ <div class="list-body clearfix">
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">负责人姓名</span>
|
|
|
+ <span class="fl">钟勇斌</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">身份证号</span>
|
|
|
+ <span class="fl">456194689162198465</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">办公号码</span>
|
|
|
+ <span class="fl">0755 1841564</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">个人手机</span>
|
|
|
+ <span class="fl">15512340000</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--机构信息-->
|
|
|
+ <div class="right-list">
|
|
|
+ <div class="list-message">
|
|
|
+ <div class="list-header">
|
|
|
+ <span>基本信息</span>
|
|
|
+ </div>
|
|
|
+ <div class="list-body clearfix">
|
|
|
+ <div class="msg-list">
|
|
|
+ <span class="fl imgUp">机构LOGO</span>
|
|
|
+ <div class="imgUpload fl">
|
|
|
+ <input type="file">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">机构名称</span>
|
|
|
+ <span class="fl">深圳壹基金公益基金会</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">所在地</span>
|
|
|
+ <span class="fl">广东省 深圳市</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">成立日期</span>
|
|
|
+ <span class="fl">2011年01月15日</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">联系地址</span>
|
|
|
+ <span class="fl">罗湖区深南东路2001号鸿昌广场55层</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">联系电话</span>
|
|
|
+ <span class="fl">0755-25339511</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">官方网站</span>
|
|
|
+ <span class="fl">http://www.onefoundation.cn</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">机构性质</span>
|
|
|
+ <span class="fl">公募机构</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">机构简介</span>
|
|
|
+ <span class="fl info">壹基金是李连杰先生2007年4月创立的创新型公益组织，2011年1月作为中国第一间民间公募基金会落户深圳。壹基金以“尽我所能，人人公益”为愿景，搭建专业透明的公益平台，专注于灾害救助、儿童关怀与发展、公益支持与创新三大领域，致力于成为中国公益的开拓者、创新者和推动者。</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list-message">
|
|
|
+ <div class="list-header">
|
|
|
+ <span>发起人信息</span>
|
|
|
+ </div>
|
|
|
+ <div class="list-body clearfix">
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">姓名</span>
|
|
|
+ <span class="fl">张学友</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">工作单位</span>
|
|
|
+ <span class="fl">深圳壹基金公益基金会</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list fl">
|
|
|
+ <span class="fl">个人简介</span>
|
|
|
+ <span class="fl info">新型公益组织，2011年1月作为中国第一间民间公募基金会落户深圳。壹基金以"尽我所能，人人公益"为愿景，搭建专业透明的公益平台。</span>
|
|
|
+ </div>
|
|
|
+ <div class="msg-list clearfix">
|
|
|
+ <span class="fl imgUp">个人图像</span>
|
|
|
+ <div class="imgUpload fl">
|
|
|
+ <input type="file">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--项目进度-->
|
|
|
+ <div class="right-list">
|
|
|
+ <div class="list-message">
|
|
|
+ <p class="first-txt">
|
|
|
+ 7月29日，上午辗转几处洽谈，寻找购置商家，由于当初预算课桌椅和餐桌椅报价太低，经反复思索与寻求朋友帮忙，终于找到本地
|
|
|
+ 一个爱心老板愿意援手，无偿支持。
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ 河南省信阳市平桥区五里镇柿元小学“换个课桌黑板好读书”项目，实际筹款总额：4455.7 元，“一校一梦想”基金配捐：10381
|
|
|
+ 元，实际拨付善款：14830元。剩余6.7元用于“一校一梦想”其他项目。
|
|
|
+ </p>
|
|
|
+ <div class="img">
|
|
|
+ <img src="static/images/active04.png" alt=""/>
|
|
|
+ </div>
|
|
|
+ <div class="time"><span>2017-07-29 16:55:31</span><a href="">删除</a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--捐款明细-->
|
|
|
+ <div class="right-list show">
|
|
|
+ <div class="list-message">
|
|
|
+ <div class="clearfix">
|
|
|
+ <div class="fl choose">
|
|
|
+ <select name="" id="">
|
|
|
+ <option value="">全部时段</option>
|
|
|
+ </select>
|
|
|
+ <select name="" id="">
|
|
|
+ <option value="">全部方式</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div class="fr search">
|
|
|
+ <input type="text" placeholder="请输入关键词"/>
|
|
|
+ <button>搜索</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <table>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th width="50"></th>
|
|
|
+ <th width="90">捐款人</th>
|
|
|
+ <th width="110">捐款金额(元)</th>
|
|
|
+ <th width="90">捐款时间</th>
|
|
|
+ <th width="90">捐款方式</th>
|
|
|
+ <th width="210"></th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td></td>
|
|
|
+ <td>张学友</td>
|
|
|
+ <td class="money">1.00</td>
|
|
|
+ <td>2017-08-20 14:23:11</td>
|
|
|
+ <td>微信支付</td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td></td>
|
|
|
+ <td>张学友</td>
|
|
|
+ <td class="money">1.00</td>
|
|
|
+ <td>2017-08-20 14:23:11</td>
|
|
|
+ <td>微信支付</td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td></td>
|
|
|
+ <td>周杰伦</td>
|
|
|
+ <td class="money">10.00</td>
|
|
|
+ <td>2017-08-20 14:23:11</td>
|
|
|
+ <td>网银转账</td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </aside>
|
|
|
+ </div>
|
|
|
+<!--js begin-->
|
|
|
+<script src="static/lib/jquery/jquery.min.js"></script>
|
|
|
+<script src="static/lib/bootstrap/js/bootstrap.min.js"></script>
|
|
|
+<script>
|
|
|
+ $('.right-nav').on('click', 'span', function () {
|
|
|
+ var index = $(this).index();
|
|
|
+// console.log(index)
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
+ $('.right-list').eq(index).addClass('show').siblings().removeClass('show');
|
|
|
+// console.log($('.right-list').eq(index))
|
|
|
+ });
|
|
|
+</script>
|
|
|
+</body>
|
|
|
+</html>
|
hangb
