|
|
@@ -0,0 +1,833 @@
|
|
|
+<!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;
|
|
|
+ }
|
|
|
+ .content-header{
|
|
|
+ padding-left: 22px;
|
|
|
+ }
|
|
|
+ .content .box-show{
|
|
|
+ position: relative;
|
|
|
+ margin-top: 4px;
|
|
|
+ padding-left: 22px;
|
|
|
+ border-radius: 3px;
|
|
|
+ background: #ffffff;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ width: 100%;
|
|
|
+ height: 1320px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
|
|
|
+ }
|
|
|
+ .content-setting{
|
|
|
+ margin-top: 24px;
|
|
|
+ }
|
|
|
+ .content-setting .form-group{
|
|
|
+ margin-bottom: 14px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+ .content-setting .form-group label{
|
|
|
+ margin: 0 22px 0 14px;
|
|
|
+ font-family: 'SimHei'!important;
|
|
|
+ width: 60px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: normal;
|
|
|
+ color: #8da8b8;
|
|
|
+ }
|
|
|
+ .content-setting .form-group input{
|
|
|
+ margin-right: 15px;
|
|
|
+ width: 435px;
|
|
|
+ height: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #323232;
|
|
|
+ border-radius: 0;
|
|
|
+ }
|
|
|
+ /*活动发起*/
|
|
|
+ .content-setting .form-group .active-time{
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .active-time input.date-choose{
|
|
|
+ width: 200px;
|
|
|
+ height: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #323232;
|
|
|
+ border-radius: 0;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .active-time span{
|
|
|
+ margin: 0 10px 0 -5px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .prise{
|
|
|
+
|
|
|
+ }
|
|
|
+ .content-setting .form-group .prise .prise-detail{
|
|
|
+ position: relative ;
|
|
|
+ margin-bottom: 14px;
|
|
|
+ width: 435px;
|
|
|
+ height: 30px;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .prise .prise-detail .award{
|
|
|
+ padding-left: 43px;
|
|
|
+ width: 435px;
|
|
|
+ height: 30px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .prise .prise-detail span{
|
|
|
+ position: absolute;
|
|
|
+ top: 1px;
|
|
|
+ left: 1px;
|
|
|
+ width:28px;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #323232;
|
|
|
+ background: #eeeeee;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .prise .prise-detail a{
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: -43px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: 'SimHei'!important;
|
|
|
+ color: #1b71c9;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .prise .award-detail{
|
|
|
+ margin-bottom: 14px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .prise .award-detail span{
|
|
|
+ width: 60px;
|
|
|
+ margin-right: 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #969696;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .prise .award-detail input{
|
|
|
+ width: 230px;
|
|
|
+ height: 30px;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .prise .award-detail select{
|
|
|
+ width: 230px;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 0;
|
|
|
+ padding: 0 12px;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .prise .award-detail .edit-template{
|
|
|
+ margin-left: 20px;
|
|
|
+ width: 84px;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ font-family: 'SimHei'!important;
|
|
|
+ font-size: 14px;
|
|
|
+ text-align: center;
|
|
|
+ color: #fff;
|
|
|
+ background: #3c8dbc;
|
|
|
+ border-radius: 3px;
|
|
|
+ cursor: pointer ;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .prise .uploadImg {
|
|
|
+ position: relative;
|
|
|
+ margin: 20px 0 36px 0;
|
|
|
+ width: 90px;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #6d6d6d;
|
|
|
+ background: -webkit-linear-gradient(top, #fff 0%,#dadada 100%);
|
|
|
+ background: -o-linear-gradient(top, #fff 0%,#dadada 100%);
|
|
|
+ background: -ms-linear-gradient(top, #fff 0%,#dadada 100%);
|
|
|
+ background: linear-gradient(to bottom, #fff 0%,#dadada 100%);
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .prise .uploadImg input{
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ opacity: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ outline: none;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .prise .add-price{
|
|
|
+ margin: -16px 0 36px 0;
|
|
|
+ font-family: 'SimHei'!important;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #1b71c9;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .project .activity-project span{
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 18px;
|
|
|
+ padding: 0 14px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #323232;
|
|
|
+ background: #ebf1f4;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .project .add-project{
|
|
|
+ margin: 22px 0 44px 0;
|
|
|
+ font-family: 'SimHei'!important;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #1b71c9;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .project .button a{
|
|
|
+ display: inline-block ;
|
|
|
+ width: 140px;
|
|
|
+ height: 34px;
|
|
|
+ line-height: 34px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: 'SimHei'!important;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .project .button a.launch {
|
|
|
+ color: #fff;
|
|
|
+ background: #3c8dbc;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .project .button a.draft {
|
|
|
+ margin: 0 30px 0 26px;
|
|
|
+ color: #787878;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .content-setting .form-group .project .button span.clear{
|
|
|
+ font-family: 'SimHei'!important;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #323232;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .introduce {
|
|
|
+ margin-bottom: 22px;
|
|
|
+ width: 780px;
|
|
|
+ height: 380px;
|
|
|
+ }
|
|
|
+ .introduce .intro-header {
|
|
|
+ /*position: relative;*/
|
|
|
+ width: 100%;
|
|
|
+ height: 54px;
|
|
|
+ line-height: 54px;
|
|
|
+ background: -webkit-linear-gradient(top, #fff 0%,#dadada 100%);
|
|
|
+ background: -o-linear-gradient(top, #fff 0%,#dadada 100%);
|
|
|
+ background: -ms-linear-gradient(top, #fff 0%,#dadada 100%);
|
|
|
+ background: linear-gradient(to bottom, #fff 0%,#dadada 100%);
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ .introduce .intro-header span{
|
|
|
+ font-size: 16px;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ .introduce .intro-header span img{
|
|
|
+ margin-left: 30px;
|
|
|
+ }
|
|
|
+ .introduce .intro-header span em{
|
|
|
+ margin-left: 8px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #323232;
|
|
|
+ font-style: normal;
|
|
|
+ }
|
|
|
+ .introduce .intro-header span input{
|
|
|
+ position: absolute;
|
|
|
+ top: 119px;
|
|
|
+ left: 338px;
|
|
|
+ width: 65px;
|
|
|
+ outline: none;
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ .introduce textarea{
|
|
|
+ width: 780px;
|
|
|
+ height: 325px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-top: none;
|
|
|
+ border-radius: 0;
|
|
|
+ }
|
|
|
+ /*定时发送弹出框*/
|
|
|
+ .modal-open .modal {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ .modal-open .modal .modal-dialog{
|
|
|
+ width: 590px;
|
|
|
+ height: 590px;
|
|
|
+ }
|
|
|
+ .modal-open .modal .modal-dialog .modal-content{
|
|
|
+ width: 590px;
|
|
|
+ height: 590px;
|
|
|
+ }
|
|
|
+ .setting .header{
|
|
|
+ padding: 0 20px;
|
|
|
+ width: 100%;
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+ background: #eeeeee;
|
|
|
+ }
|
|
|
+ .setting .header p{
|
|
|
+ font-size: 16px;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ .setting .header .close{
|
|
|
+ font-size: 38px;
|
|
|
+ }
|
|
|
+ .setting .body{
|
|
|
+ width: 100%;
|
|
|
+ height: 480px;
|
|
|
+ padding: 0 20px;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser .search{
|
|
|
+ margin: 16px 0 22px 0;
|
|
|
+ width: 429px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser .search input{
|
|
|
+ width: 490px;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 0;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser .search button{
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: -105px;
|
|
|
+ margin-left: 13px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #1b71c9;
|
|
|
+ border: none;
|
|
|
+ background: none;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser .choose-body {
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser .choose-body .item{
|
|
|
+ width: 230px;
|
|
|
+ height: 400px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser .choose-body .item .top{
|
|
|
+ width: 100%;
|
|
|
+ height: 25px;
|
|
|
+ line-height: 25px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #8da8b8;
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser .choose-body .item .bottom{
|
|
|
+ padding: 20px 0 0 15px;
|
|
|
+ width: 100%;
|
|
|
+ height: 365px;
|
|
|
+ overflow-y: auto;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser .choose-body .item .bottom .item-list{
|
|
|
+ margin-bottom: 19px;
|
|
|
+ overflow: hidden ;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser .choose-body .item .bottom .item-list input{
|
|
|
+ float: left;
|
|
|
+ margin-right: 14px;
|
|
|
+ width: 14px;
|
|
|
+ height: 14px;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser .choose-body .item .bottom .item-list label{
|
|
|
+ float: left;
|
|
|
+ width: 165px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis ;
|
|
|
+ white-space: nowrap;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: normal;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser .choose-body .center{
|
|
|
+ margin-top: 160px;
|
|
|
+ width: 85px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser .choose-body .center .choice{
|
|
|
+ margin-bottom: 18px;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser .choose-body .center button{
|
|
|
+ width: 68px;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #323232;
|
|
|
+ background: -webkit-linear-gradient(top, #fff 0%,#dadada 100%);
|
|
|
+ background: -o-linear-gradient(top, #fff 0%,#dadada 100%);
|
|
|
+ background: -ms-linear-gradient(top, #fff 0%,#dadada 100%);
|
|
|
+ background: linear-gradient(to bottom, #fff 0%,#dadada 100%);
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .setting .body .chooseUser .choose-body .center button i{
|
|
|
+ font-size: 18px;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ .setting .footer{
|
|
|
+ padding-top: 10px;
|
|
|
+ width: 100%;
|
|
|
+ height: 50px;
|
|
|
+ background: #f4f4f4;
|
|
|
+ }
|
|
|
+ .setting .footer a{
|
|
|
+ display: inline-block;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ font-size: 16px;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 3px;
|
|
|
+ letter-spacing: 10px;
|
|
|
+ }
|
|
|
+ .setting .footer a:first-child{
|
|
|
+ margin-right: 10px;
|
|
|
+ width: 120px;
|
|
|
+ color: #fff;
|
|
|
+ background: #3c8dbc;
|
|
|
+ }
|
|
|
+ .setting .footer a:last-child{
|
|
|
+ width: 80px;
|
|
|
+ color: #959595;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ /*短息编辑弹出框*/
|
|
|
+ .modal-open .redact .modal-dialog{
|
|
|
+ width: 590px;
|
|
|
+ height: 420px;
|
|
|
+ }
|
|
|
+ .modal-open .redact .modal-dialog .modal-content{
|
|
|
+ width: 590px;
|
|
|
+ height: 420px;
|
|
|
+ }
|
|
|
+ .redact .body{
|
|
|
+ margin-top: 20px;
|
|
|
+ height: 325px;
|
|
|
+ }
|
|
|
+ .redact .body .form-group{
|
|
|
+ margin-bottom: 14px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+ .redact .body .form-group label{
|
|
|
+ margin-right: 30px;
|
|
|
+ width: 60px;
|
|
|
+ font-family: 'SimHei'!important;
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #8da8b8;
|
|
|
+ }
|
|
|
+ .redact .body .form-group textarea {
|
|
|
+ margin-bottom: 14px;
|
|
|
+ width: 456px;
|
|
|
+ height: 190px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #323232;
|
|
|
+ border-radius: 0;
|
|
|
+ }
|
|
|
+ .redact .body .form-group select{
|
|
|
+ padding: 0 12px;
|
|
|
+ width: 456px;
|
|
|
+ height: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #323232;
|
|
|
+ border-radius: 0;
|
|
|
+ }
|
|
|
+ .redact .body .form-group span{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #b4b4b4;
|
|
|
+ }
|
|
|
+ </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: 924px;; z-index: 50;">
|
|
|
+ <section class="content-header clearfix">
|
|
|
+ <h1>活动发起</h1>
|
|
|
+ </section>
|
|
|
+ <!-- Main content -->
|
|
|
+ <section class="content">
|
|
|
+ <div class="box-show">
|
|
|
+ <div class="content-setting">
|
|
|
+ <div class="form-group clearfix">
|
|
|
+ <label for="" class="control-label fl">活动标题</label>
|
|
|
+ <input type="text" class="form-control fl"/>
|
|
|
+ </div>
|
|
|
+ <div class="form-group clearfix">
|
|
|
+ <label for="" class="control-label fl">活动时间</label>
|
|
|
+ <div class="active-time fl">
|
|
|
+ <input type="date" class="date-choose fl form-control">
|
|
|
+ <span class="fl">至</span>
|
|
|
+ <input type="date" class="date-choose fl form-control">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group clearfix">
|
|
|
+ <label for="" class="control-label fl">兑奖时间</label>
|
|
|
+ <div class="active-time fl">
|
|
|
+ <input type="date" class="date-choose fl form-control">
|
|
|
+ <span class="fl">至</span>
|
|
|
+ <input type="date" class="date-choose fl form-control">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group clearfix">
|
|
|
+ <label for="" class="control-label fl">活动介绍</label>
|
|
|
+ <div class="fl introduce">
|
|
|
+ <div class="intro-header">
|
|
|
+ <span><img src="static/images/title.png" alt=""><em>标题</em></span>
|
|
|
+ <span><img src="static/images/link.png" alt=""><em>链接</em></span>
|
|
|
+ <span>
|
|
|
+ <img src="static/images/pic.png" alt=""><em>图片</em>
|
|
|
+ <!--<input type="file">-->
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <textarea name="" id="" cols="30" rows="10" class="form-control"></textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group clearfix">
|
|
|
+ <label for="" class="control-label fl">活动奖品</label>
|
|
|
+ <div class="prise fl">
|
|
|
+ <div class="prise-list">
|
|
|
+ <div class="prise-detail">
|
|
|
+ <div class="award">苹果iphone8 plus</div>
|
|
|
+ <span>1</span>
|
|
|
+ <a href="">删除</a>
|
|
|
+ </div>
|
|
|
+ <div class="award-detail clearfix">
|
|
|
+ <span class="fl">数量</span>
|
|
|
+ <input type="text" class="fl form-control">
|
|
|
+ </div>
|
|
|
+ <div class="award-detail clearfix">
|
|
|
+ <span class="fl">奖品等级</span>
|
|
|
+ <input type="text" class="fl form-control">
|
|
|
+ </div>
|
|
|
+ <div class="award-detail clearfix">
|
|
|
+ <span class="fl">赠送方式</span>
|
|
|
+ <select name="" id="" class="form-control">
|
|
|
+ <option value="">快递配送</option>
|
|
|
+ <option value="">短信通知</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div class="uploadImg">
|
|
|
+ 上传图片
|
|
|
+ <input type="file">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="prise-list">
|
|
|
+ <div class="prise-detail">
|
|
|
+ <div class="award">苹果iphone6 plus</div>
|
|
|
+ <span>2</span>
|
|
|
+ <a href="">删除</a>
|
|
|
+ </div>
|
|
|
+ <div class="award-detail clearfix">
|
|
|
+ <span class="fl">数量</span>
|
|
|
+ <input type="text" class="fl form-control">
|
|
|
+ </div>
|
|
|
+ <div class="award-detail clearfix">
|
|
|
+ <span class="fl">奖品等级</span>
|
|
|
+ <input type="text" class="fl form-control">
|
|
|
+ </div>
|
|
|
+ <div class="award-detail clearfix">
|
|
|
+ <span class="fl">赠送方式</span>
|
|
|
+ <select name="" id="" class="form-control fl">
|
|
|
+ <option value="">短信通知</option>
|
|
|
+ <option value="">快递配送</option>
|
|
|
+ </select>
|
|
|
+ <a class="edit-template fl" data-target="#redact" data-toggle="modal">编辑模板</a>
|
|
|
+ </div>
|
|
|
+ <div class="uploadImg">
|
|
|
+ 上传图片
|
|
|
+ <input type="file">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="add-price">
|
|
|
+ <span>+添加奖品</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group clearfix">
|
|
|
+ <label for="" class="control-label fl">活动项目</label>
|
|
|
+ <div class="project fl">
|
|
|
+ <div class="activity-project">
|
|
|
+ <span>让寒门学子多回一趟家</span><span>关注XXX罕见病</span>
|
|
|
+ </div>
|
|
|
+ <div class="add-project" data-target="#setting" data-toggle="modal">
|
|
|
+ <span>+选择项目</span>
|
|
|
+ </div>
|
|
|
+ <div class="button"><a href="" class="launch">发布</a><a href="" class="draft">存为草稿</a><span class="clear">清空内容</span></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--选择关联项目弹出框-->
|
|
|
+ <div class="modal setting" role="dialog" id="setting">
|
|
|
+ <div class="modal-dialog">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header header">
|
|
|
+ <p class="fl">选择关联项目</p>
|
|
|
+ <div class="close fr" data-dismiss="modal">×</div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body body">
|
|
|
+ <div class="chooseUser">
|
|
|
+ <div class="search">
|
|
|
+ <input type="text" placeholder="请输入关键字" class="form-control">
|
|
|
+ <button>搜索</button>
|
|
|
+ </div>
|
|
|
+ <div class="choose-body">
|
|
|
+ <div class="item fl">
|
|
|
+ <div class="top">全部项目</div>
|
|
|
+ <div class="bottom">
|
|
|
+ <div class="item-list">
|
|
|
+ <input type="checkbox"/><label for="">病童等待时机肝移植</label>
|
|
|
+ </div>
|
|
|
+ <div class="item-list">
|
|
|
+ <input type="checkbox"/><label for="">病童等待时机肝移植</label>
|
|
|
+ </div>
|
|
|
+ <div class="item-list">
|
|
|
+ <input type="checkbox"/><label for="">病童等待时机肝移植病童等待时机</label>
|
|
|
+ </div>
|
|
|
+ <div class="item-list">
|
|
|
+ <input type="checkbox"/><label for="">病童等待时机肝移植</label>
|
|
|
+ </div>
|
|
|
+ <div class="item-list">
|
|
|
+ <input type="checkbox"/><label for="">病童等待时机肝移植</label>
|
|
|
+ </div>
|
|
|
+ <div class="item-list">
|
|
|
+ <input type="checkbox"/><label for="">病童等待时机肝移植</label>
|
|
|
+ </div>
|
|
|
+ <div class="item-list">
|
|
|
+ <input type="checkbox"/><label for="">病童等待时机肝移植病童等待时机</label>
|
|
|
+ </div>
|
|
|
+ <div class="item-list">
|
|
|
+ <input type="checkbox"/><label for="">病童等待时机肝移植</label>
|
|
|
+ </div>
|
|
|
+ <div class="item-list">
|
|
|
+ <input type="checkbox"/><label for="">病童等待时机肝移植</label>
|
|
|
+ </div>
|
|
|
+ <div class="item-list">
|
|
|
+ <input type="checkbox"/><label for="">病童等待时机肝移植</label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="center fl">
|
|
|
+ <div class="choice"><button>选择 <i class="fa fa-angle-right"></i></button></div>
|
|
|
+ <div class="delete"><button><i class="fa fa-angle-left"></i> 删除</button></div>
|
|
|
+ </div>
|
|
|
+ <div class="item fr">
|
|
|
+ <div class="top">已选项目</div>
|
|
|
+ <div class="bottom">
|
|
|
+ <div class="item-list">
|
|
|
+ <input type="checkbox"/><label for="">病童等待时机肝移植</label>
|
|
|
+ </div>
|
|
|
+ <div class="item-list">
|
|
|
+ <input type="checkbox"/><label for="">病童等待时机肝移植</label>
|
|
|
+ </div>
|
|
|
+ <div class="item-list">
|
|
|
+ <input type="checkbox"/><label for="">病童等待时机肝移植病童等待时机</label>
|
|
|
+ </div>
|
|
|
+ <div class="item-list">
|
|
|
+ <input type="checkbox"/><label for="">病童等待时机肝移植</label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer footer text-right">
|
|
|
+ <a href="">保存</a><a href="">取消</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--短息编辑弹出框-->
|
|
|
+ <div class="modal redact setting" role="dialog" id="redact">
|
|
|
+ <div class="modal-dialog">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header header">
|
|
|
+ <p class="fl">编辑短信模板</p>
|
|
|
+ <div class="close fr" data-dismiss="modal">×</div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body body">
|
|
|
+ <div class="form-group clearfix">
|
|
|
+ <label for="" class="control-label fl">短信内容</label>
|
|
|
+ <textarea name="" id="" cols="30" rows="10" class="form-control fl" placeholder="恭喜你，在优软一元捐感恩回馈活动031中获得二等奖【优软商城500元优惠券】1张，奖品激活码（******）。点击链接dfwDWE4Fxdwef21进入优软商城，在个人中心处输入激活码领取。"></textarea>
|
|
|
+ </div>
|
|
|
+ <div class="form-group clearfix">
|
|
|
+ <label for="" class="control-label fl">发送方式</label>
|
|
|
+ <select name="" id="" class="form-control fl">
|
|
|
+ <option value="">领奖后自动发送</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div class="form-group clearfix">
|
|
|
+ <label for="" class="control-label fl">编辑人员</label>
|
|
|
+ <span class="fl">管理员07</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer footer text-right">
|
|
|
+ <a href="">保存</a><a href="">取消</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+<!--js begin-->
|
|
|
+<script src="static/lib/jquery/jquery.min.js"></script>
|
|
|
+<script src="static/lib/bootstrap/js/bootstrap.min.js"></script>
|
|
|
+</body>
|
|
|
+</html>
|
hangb