迁移后台反馈

css/browser.css

@@ -0,0 +1,625 @@
+@charset "utf-8";
+*{
+    margin: 0;
+    padding: 0;
+    font-family:Microsoft YaHei,fontello;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    list-style: none;
+}
+body{
+    margin: 0;
+    padding: 0;
+}
+ul,li{
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+button:focus,button{    
+    outline: none;
+    cursor: pointer;
+}
+.clearfix:after{
+    content: "";
+    height: 0;
+    line-height: 0;
+    display: block;
+    visibility: hidden;
+    clear: both;
+}
+.clearfix{
+    zoom:1;
+}
+.bowerHeader {
+    position: relative;
+    height: 20px;
+}
+.bowerHeaderMenu{
+    position: absolute;
+    right: 0px;
+    /* float: right; */
+}
+.bowerHeader .bowerHeaderMenu button {
+    width: 50px;
+    height: 25px;
+    border: transparent;
+    background: #fff;
+    font-size: 13px;
+}
+.bowerHeader .bowerHeaderMenu button:hover{
+    background: #eee;
+}
+.icon-cancel:hover{
+    background: #e66350 !important;
+    color: #fff;
+}
+.icon-minus{
+    color: #333;
+}
+.bowerHeaderSeach {
+    width: 100%;
+    height: 26px;
+    display: inline-flex;
+    padding: 4px 0;
+    background: #f5f5f5;
+    border-top: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+}
+.bowerHeaderSeach li {
+    width: 30px;
+    padding: 4px 2px;
+    text-align: center;
+    color: #5a5a5a;
+}
+.bowerHeaderSeach .bowerSeach {
+    position: relative;
+    width: calc(100% - 150px) !important;
+    padding: 2px 5px !important;
+    text-align: left !important;
+    border: 1px solid #dcdcdc;
+    border-radius: 5px;
+}
+.bowerHeaderSeach .bowerSeach span{
+    padding: 2px 5px;
+}
+.bowerHeaderSeach li span{
+    font-size: 16px;
+}
+.bowerHeaderSeach .bowerSeach input {
+    position: absolute;
+    top: 0;
+    width: calc(100% - 27px) !important;
+    height: 24px;
+    border: 0 solid #d2d2d2;
+    border-top-right-radius: 5px;
+    outline: none;
+    text-indent: 10px;
+    border-left: 1px solid #d2d2d2;
+}
+.bowerHeaderSeach .bowerMenu {
+    float: right;
+}
+.bowerHeaderSeach .bowerMenu:hover{
+    background: #ddd;
+}
+.bowerHeaderSeach .icon-menu{
+    font-size: 21px;
+    color: #5a5a5a;
+}
+.bowerCreaterWindow li {
+    position: relative;
+    max-width: 180px !important;
+    width: 150px;
+    min-width: 10px !important;
+    top: -1px;
+    height: 29px;
+    display: initial;
+    margin-right: 10px;
+    text-align: center;
+    color: #000;
+    line-height: 43px;
+    background-color: #dadada;
+    border-top: 1px solid #a2a2a2;
+    z-index: 30;
+    -webkit-app-region: no-drag;
+    -webkit-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    -moz-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    transition: all .3s cubic-bezier(0.3,.1,.58,1);
+}
+.BrowerActive{
+    background-color: #f2f2f2 !important;
+    border-top-color:#a9a9a9 !important;
+    z-index: 999 !important;
+}
+.Listindex{
+    z-index: 999 !important;
+}
+.BrowerActive:before {
+    background-color:#f2f2f2 !important;
+    border-right-color:#a9a9a9 !important;
+}
+.BrowerActive:after {
+    background-color:#f2f2f2 !important;
+    border-left-color:#a9a9a9 !important;
+}
+.bowerCreaterWindow li:before {
+    content: '';
+    position: absolute;
+    display: block;
+    right: -6px;
+    top: 0;
+    width: 10px;
+    height: 29px;
+    transform: skewX(20deg);
+    background-color: #dadada;
+    border-right: 1px solid #a2a2a2;
+    -webkit-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    -moz-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    transition: all .3s cubic-bezier(0.3,.1,.58,1);
+}
+.bowerCreaterWindow li:after {
+    content: '';
+    position: absolute;
+    display: block;
+    top: 0;
+    width: 10px;
+    height: 29px;
+    margin-left: -5px;
+    transform: skewX(-20deg);
+    background-color: #dadada;
+    border-left: 1px solid #a2a2a2;
+    -webkit-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    -moz-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    
+}
+.bowerCreaterWindow {
+    float: left;
+    width: calc(100% - 195px);
+    height: 29px;
+    display: inline-flex;
+    overflow: unset;
+    margin-left: 20px;
+    -webkit-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    -moz-transition: all .3s cubic-bezier(0.3,.1,.58,1);
+    transition: all .3s cubic-bezier(0.3,.1,.58,1);
+}
+.BrowerListBody {
+    position: relative;
+    display: inline-block;
+    width: calc(100% - 3px);
+    z-index: 99;
+    line-height: 22px;
+}
+.BrowerList img {
+    display: inline-block;
+    float: left;
+    width: 16px;
+    height: 16px;
+}
+.BrowerList p {
+    display: inline-block;
+    float: left;
+    min-width: 0;
+    max-width: 80%;
+    width: calc(100% - 40px);
+    margin: 0 3px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    line-height: 18px;
+    text-align: left;
+}
+.BrowerList i {
+    float: right;
+    width: 10px;
+    height: 10px;
+    padding: 4px;
+    border-radius: 50%;
+}
+button.BrowwerAdd {
+    width: 32px !important;
+    height: 18px;
+    padding: 7px;
+    margin: 6px 0 0 0;
+    -webkit-transform: skew(20deg);
+    -moz-transform: skew(20deg);
+    -o-transform: skew(20deg);
+    background: white;
+    border: 1px solid #c7c7c7;
+    border-radius: 3px;
+    -webkit-app-region: no-drag;
+}
+.BrowerContainer {
+     height: calc(100% - 93px) !important;
+}
+.BrowerContainer webview, webview object{
+    height: 100% !important;
+    width: 100% !important;
+}
+.OnclickMenu{
+    position: absolute;
+    right: 0;
+    top: 80px;
+    min-width:90pt;
+    display: none;
+    background:#fff;
+    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
+    -moz-user-select:none;
+    -webkit-user-select:none;
+    -ms-user-select:none;
+    -khtml-user-select:none;
+    user-select:none;
+}
+.MouseMenuMain{
+    position:absolute;
+    z-index:22;
+    display:none;
+    width:auto;
+    height:auto;
+    min-width:90pt;
+    background:#fff;
+    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
+    -moz-user-select:none;
+    -webkit-user-select:none;
+    -ms-user-select:none;
+    -khtml-user-select:none;
+    user-select:none;
+}
+.MouseMenuMain li ,.OnclickMenu li{
+    width: auto;
+    max-width: 400px;
+    font-size:12px;
+    padding: 6px 8px;
+    color: #333;
+    text-align: left;
+    white-space: nowrap;
+}
+.MouseMenuMain li:hover{
+    background-color:#ddd;
+    color:#000;
+    cursor:pointer;
+}
+.OnclickMenu li:hover{
+    background-color:#ddd;
+    color:#000;
+    cursor:pointer;
+}
+.MouseMenuMainStep{
+    width: 100%;
+    padding: 0 !important;
+    height: 1px;
+    background: #e8e8e8;
+    margin: 5px 0;
+}
+/* new history */
+.BrowserHistoryTitle {
+    padding: 5px 0;
+    text-align: center;
+    font-size: 16px;
+    color: #676767;
+}
+.CampusInfoBrowserHistory {
+    max-height: 960px;
+    min-height: 700px;
+    width: 100%;
+    padding: 30px;
+    color: #505050;
+    font-size: 14px;
+    overflow-y: auto;
+}
+.history_body span {
+    padding-right: 20px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 180px;
+}
+.history_body p {
+    width: 270px;
+    height: 20px;
+    padding-right: 20px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+.history_body {
+    display: inline-flex;
+    margin-bottom: 10px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+/* new history end */
+/* Feedback */
+.CampusInfoBrowserFeedback {
+    width: 300px;
+    margin: 0 auto;
+    margin-top: 42px;
+    height: 230px;
+}
+.CampusInfoBrowserFeedback input, .CampusInfoBrowserFeedback textarea{
+    display: block;
+    width: 275px;
+    height: 26px;
+    padding: 6px 12px;
+    font-size: 14px;
+    line-height: 1.42857143;
+    color: #555;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
+    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+}
+.CampusInfoBrowserFeedback .FeedbackBody{
+    height: 130px;
+    max-width: 275px;
+    resize: none;
+}
+.CampusInfoBrowserFeedback .FeedbackSubmit{
+    width: 100%;
+    height: 30px;
+    border-radius: 5px;
+    border: 0;
+    background: #5ea7fd;
+    color: #fff;
+}
+.FeedbackTitleInfo, .FeedbackBodyInfo {
+    display: block;
+    height: 20px;
+    padding: 10px 3px;
+    color: #e4393c;
+    font-size: 14px;
+}
+/* Feedback end */
+/* CampusInfo-AboutUs */
+.CampusInfo-AboutUs{
+    min-width: 1180px;
+}
+.CampusInfo-AboutUs .CampusInfoBanner{
+    position: relative;
+    height: 600px;
+    background-image: url(../img/index/banner.png);
+    background-size: contain;
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+    background-size: cover;
+    z-index: 200;
+}
+.CampusInfo-AboutUs .CampusInfoContainer{
+    max-width: 1180px;
+    min-width: 1180px;
+    height: inherit;
+    margin: 0 auto;
+    -webkit-font-smoothing: subpixel-antialiased;
+    text-align: center;
+}
+.CampusInfo-AboutUs .CampusInfoContainer .fl{
+    float: left;
+}
+.CampusInfo-AboutUs .CampusInfoContainer .fr {
+    float: right;
+    text-align: left;
+}
+.CampusInfo-AboutUs .CampusInfoBanner a {
+    float: left;
+    width: auto;
+    padding: 20px 0;
+    display: -webkit-inline-box;
+    max-width: 200px;
+    text-decoration: none;
+}
+.CampusInfo-AboutUs .CampusInfoBanner img{
+    width: 25px;
+}
+.CampusInfo-AboutUs .CampusInfoBanner span{
+    display: block;
+    padding-left: 10px;
+    line-height: 28px;
+    font-size: 16px;
+    color: #e0e0e0;
+}
+.CampusInfo-AboutUs .CampusInfoBannerItem {
+    width: 730px;
+    padding-top: 160px;
+    margin: auto;
+}
+.CampusInfo-AboutUs .CampusInfoBannerItem h1{
+    font-size: 64px;
+    color: #fff;
+}
+.CampusInfo-AboutUs .CampusInfoBannerItem p {
+    padding-top: 10px;
+    font-size: 18px;
+    color: #fff;
+}
+.CampusInfo-AboutUs .CampusInfoDownloadItem {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 10px 20px;
+}
+.CampusInfo-AboutUs .CampusInfoDownload {
+    width: 730px;
+    margin: 45px auto 0;
+}
+.CampusInfo-AboutUs .CampusInfoDownload li {
+    display: inline-block;
+    padding: 0 15px;
+    width: 150px;
+    text-align: center;
+}
+.CampusInfo-AboutUs .BtnDownload {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 150px;
+    height: 40px;
+    background: #0077e6;
+    border: transparent;
+    border-radius: 5px;
+    line-height: 12px;
+}
+.CampusInfo-AboutUs .CampusInfoIntroduce {
+    position: relative;
+    top: -130px;
+    height: 520px;
+    z-index: 999;
+}
+.CampusInfo-AboutUs .CampusInfoIntroduce img{
+  text-align: left;
+}
+.CampusInfo-AboutUs .BtnDownload img{
+    width: 18px;
+}
+.CampusInfo-AboutUs .BtnDownload span{
+    display:inline-block;
+}
+.CampusInfo-AboutUs .CampusInfoIntroduce .CampusInfoTitle {
+    padding: 235px 0 0;
+    line-height: 3;
+}
+.CampusInfo-AboutUs .CampusInfoTitle {
+    margin: 40px;
+    line-height: 50px;
+    line-height: 3;
+}
+.CampusInfo-AboutUs .CampusInfoTitle h3 {
+    font-size: 36px;
+    color: #333;
+}
+.CampusInfo-AboutUs .CampusInfoTitle p {
+    width: 300px;
+    margin: auto;
+    font-size: 16px;
+    color: rgb(105, 105, 105);
+    line-height: 2;
+}
+.CampusInfo-AboutUs .CampusInfoKernel {
+    height: 460px;
+    padding: 20px 0;
+    background: #f5f5f5;
+}
+.CampusInfo-AboutUs .CampusInfoKernel li {
+    display: inline-block;
+    padding: 0 60px;
+    line-height: 30px;
+    font-size: 16px;
+    color: #979696;
+}
+.CampusInfo-AboutUs .CampusInfoTools {
+    height: 500px;
+    padding: 80px 0;
+}
+.CampusInfo-AboutUs .CampusInfoTools .CampusInfoTitle {
+    padding-top: 100px;
+}
+.CampusInfo-AboutUs .CampusInfoSafety {
+    height: 420px;
+    padding: 75px 0;
+    background: #f5f5f5;
+}
+.CampusInfo-AboutUs .CampusInfoSafety .CampusInfoTitle {
+    padding-top: 60px;
+}
+.CampusInfo-AboutUs .CampusInfoFooter {
+    height: 200px;
+    background: #494949;
+}
+.CampusInfo-AboutUs .CampusInfoFooter li {
+    display: inline-block;
+    padding: 45px 15px;
+}
+.CampusInfo-AboutUs .CampusInfoContainer li span{
+    color: #ccc;
+    font-size: 14px;
+}
+.CampusInfo-AboutUs .CampusInfoFooter .line{
+    width: 100%;
+    height: 2px;
+    background: rgba(255, 255, 255, 0.23);
+}
+.CampusInfo-AboutUs .author{
+    padding-bottom: 30px;
+    font-size: 14px;
+    color: #ccc;
+}
+.CampusInfo-AboutUs .CampusInfoFooter .copyright{
+    padding: 30px 0;
+    text-align: center;
+    font-size: 16px;
+    color: #ccc;
+}
+/* 首页end */
+@font-face {
+    font-family: 'fontello';
+    src: url('../font/fontello.eot?70736739');
+    src: url('../font/fontello.eot?70736739#iefix') format('embedded-opentype'),
+    url('../font/fontello.woff?70736739') format('woff'),
+    url('../font/fontello.ttf?70736739') format('truetype'),
+    url('../font/fontello.svg?70736739#fontello') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+[class^="icon-"], [class*=" icon-"]{
+    display: inline-block;
+    font: normal normal normal 14px/1 fontello,Microsoft YaHei;
+    font-size: inherit;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.icon-left:before {
+    content: "\e800";
+}
+.icon-right:before {
+    content: "\e801";
+}
+.icon-cancel:before {
+    content: "\e802";
+}
+.icon-minus:before {
+    content: "\e803";
+}
+.icon-menu:before {
+    content: "\e804";
+}
+.icon-play-circled2:before {
+    content: "\e805";
+}
+.icon-play:before {
+    content: "\e806";
+}
+.icon-lock:before {
+    content: "\e807";
+}
+.icon-plus:before {
+    content: "\e808";
+}
+.icon-cog:before {
+    content: "\e809";
+}
+.icon-th-list:before {
+    content: "\f009";
+}
+.icon-ccw:before {
+    content: "\f025";
+}
+.icon-play-circled:before {
+    content: "\f144";
+}
+.icon-times:before {
+    content: "\ebc4";
+}
+.icon-window-maximize:before {
+    content: "\ec0f";
+}
+.icon-window-minimize:before {
+    content: "\ec10";
+}
+.icon-window-restore:before {
+    content: "\ec11";
+}

css/couple.css

@@ -0,0 +1,229 @@
+body{
+    margin: 0;  
+}
+/* login */
+.coupleItem {
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    align-items: center;
+}
+.coupleForm {
+    padding: 100px;
+    box-shadow: #585858 1px 0 50px 2px;
+    background: #fff;
+    border: 1px solid #e7e7e7;
+}
+.form-control {
+    display: block;
+    width: 275px;
+    height: 26px;
+    padding: 6px 12px;
+    font-size: 14px;
+    line-height: 1.42857143;
+    color: #555;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
+    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+}
+.coupleItemInfo{
+    display: block;
+    height: 20px;
+    padding: 10px 3px;
+    color: #e4393c;
+    font-size: 14px;
+}
+.loginSubmit{
+    width: 100%;
+    height: 30px;
+    border-radius: 5px;
+    border: 0;
+    background: #5ea7fd;
+    color: #fff;
+}
+/* login end */
+.informationtHeader{
+    height: 30px;
+    width: 100%;
+    padding: 20px 0;
+    display: inline-flex;
+    background: #121b29;
+    color: #fff;
+}
+.informationHeaderRight {
+    position: absolute;
+    right: 30px;
+    top: 25px;
+    font-size: 14px;
+}
+.informationHeaderRight>a{
+    color: #fff;
+    text-decoration: none; 
+}
+.informationtHeaderLogo{
+    margin-left: 18px;
+}
+.logoTitle {
+    margin: 0;
+    margin-left: 10px;
+    line-height: 29px;
+    font-weight: 400;
+    font-size: 24px;
+}
+.aside {
+    position: absolute;
+    left: 0;
+    z-index: 10000;
+    width: 60px;
+    height: 1000px;
+}
+.asideTitle{
+    padding: 3px 10px;
+    color: #fff;
+    font-size: 18px;
+    font-weight: 400;
+}
+
+.icon-2x {
+    font-size: 2em;
+}
+.icon {
+    position: relative;
+    display: table-cell;
+    width: 60px;
+    height: 36px;
+    text-align: center;
+    vertical-align: middle;
+    font-size:20px;
+}
+.asideMenu:hover,nav.asideMenu.expanded {
+    width:250px;
+    overflow:visible;
+}
+.asideMenu {
+    background:#212121;
+    border-right:1px solid #e5e5e5;
+    position:absolute;
+    top:0;
+    bottom:0;
+    height:100%;
+    left:0;
+    width:60px;
+    overflow:hidden;
+    -webkit-transition:width .05s linear;
+    transition:width .05s linear;
+    -webkit-transform:translateZ(0) scale(1,1);
+    z-index:1000;
+}
+.asideMenu>ul {
+    margin:7px 0;
+}
+.asideMenu li {
+    position:relative;
+    display:block;
+    width:250px;
+}
+.asideMenu li>a {
+    position:relative;
+    display:table;
+    border-collapse:collapse;
+    border-spacing:0;
+    color:#999;
+    font-iconmily: arial;
+    font-size: 14px;
+    text-decoration:none;
+    -webkit-transform:translateZ(0) scale(1,1);
+    -webkit-transition:all .1s linear;
+    transition:all .1s linear;
+}
+.asideMenu .nav-icon {
+    position:relative;
+    display:table-cell;
+    width:60px;
+    height:36px;
+    text-align:center;
+    vertical-align:middle;
+    font-size:18px;
+}
+.asideMenu .asideItemText {
+    position:relative;
+    width:190px;
+    display:table-cell;
+    vertical-align:middle;
+}
+.no-touch .scrollable.hover {
+    overflow-y:hidden;
+}
+.no-touch .scrollable.hover:hover {
+    overflow-y:auto;
+    overflow:visible;
+}
+a:hover,a:focus {
+    text-decoration:none;
+}
+nav {
+    -webkit-user-select:none;
+    -moz-user-select:none;
+    -ms-user-select:none;
+    -o-user-select:none;
+    user-select:none;
+}
+nav ul,nav li {
+    outline:0;
+    margin:0;
+    padding:0;
+}
+.asideMenu li:hover>a,nav.asideMenu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
+    color:#fff;
+    background-color:#5fa2db;
+}
+.asideArea {
+    float: left;
+    background: #e2e2e2;
+    width: 100%;
+    height: 100%;
+}
+.informationtBody {
+    padding: 30px 0 0 80px;
+}
+.timeItem ,.delectInfo{
+    width: 80px;
+    height: 35px;
+    margin: 0 10px;
+    border: 0 solid transparent;
+    border-radius: 4px;
+    color: #fff;
+    background: #3372e1;
+}
+.informationtInfo {
+    padding: 40px 10px 0;
+}
+.informationtInfo .tbMain td{
+    width: 100px;
+    height: 60px;
+    text-align: center;
+    color: #333;
+    font-size: 16px;
+    border: 1px solid #c8dbff;
+}
+.informationtInfo .tbMain td:last-child{
+    border: 0 solid transparent !important;
+}
+.informationtInfo .tbMain .infoTitle{
+    background: #ebf2ff;
+}
+.informationtInfo .tbMain .trTitle{
+    width: 300px;
+}
+.informationtInfo .tbMain .trContent{
+    width: 500px;
+}
+.informationtInfo .tbMain .trCoupleTime{
+    width: 150px;
+}

js/couple.js

@@ -0,0 +1,144 @@
+Namespace.register("Couple");//注册命名空间
+Couple.Bind=function (productId) {
+    var informationtTime = $(".informationtTime")[0]//获取反馈时间
+    Date.prototype.Format = function (fmt) {//时间处理对Date的扩展
+        var o = {
+            "M+": this.getMonth() + 1, // 月份
+            "d+": this.getDate(), // 日
+            "h+": this.getHours(), // 小时
+            "m+": this.getMinutes(), // 分
+            "s+": this.getSeconds(), // 秒
+            "q+": Math.floor((this.getMonth() + 3) / 3), // 季度
+            "S": this.getMilliseconds() // 毫秒
+        };
+        if (/(y+)/.test(fmt))
+            fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+        for (var k in o)
+            if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+                return fmt;
+    }
+    var time = (new Date()).Format("yyyy-MM-dd hh:mm:ss");//获取时间
+    var timeSequence=$$("div", {
+        "className": "timeSequence"
+        }, informationtTime);
+    var oneDay=$$("button", {
+        "className": "timeItem","innerText":"今天","onclick":"Couple.OnclickTime('"+productId+"','today')"
+        }, timeSequence);
+    var threeDay=$$("button", {
+        "className": "timeItem","innerText":"最近三天","onclick":"Couple.OnclickTime('"+productId+"','3days')"
+        }, timeSequence);
+    var oneWeek=$$("button", {
+        "className": "timeItem","innerText":"最近一周","onclick":"Couple.OnclickTime('"+productId+"','7days')"
+        }, timeSequence)
+    var oneMonth=$$("button", {
+        "className": "timeItem","innerText":"最近一月","onclick":"Couple.OnclickTime('"+productId+"','30days')"
+        }, timeSequence)
+}
+Couple.getDataRow = function(h,i){//创建表格下的行放数据库循环数据
+    var row = document.createElement('tr'); 
+    var sortCell = document.createElement('td');
+    sortCell.innerText = i;
+    row.appendChild(sortCell);
+    var trTitle = document.createElement('td');
+    trTitle.setAttribute('class','trTitle');
+    trTitle.innerText = h.CoupleName;
+    row.appendChild(trTitle);
+    var trContent = document.createElement('td');
+    trContent.setAttribute('class','trContent');
+    trContent.innerText = h.CoupleContent; 
+    row.appendChild(trContent); 
+    var trCoupleTime = document.createElement('td');
+    trCoupleTime.setAttribute('class','trCoupleTime');
+    trCoupleTime.innerText = U.UF.D.getYearMonthDay(h.CoupleTime)
+    row.appendChild(trCoupleTime); 
+    //每行末尾添加删除按钮 
+    var delCell = document.createElement('td');
+    row.appendChild(delCell); 
+    var btnDel = document.createElement('input');
+    btnDel.setAttribute('type','button');
+    btnDel.setAttribute('value','删除');  
+    btnDel.setAttribute('class','delectInfo');  
+    //删除操作 
+    btnDel.onclick=function(){ 
+      if(confirm("确定删除这一行嘛？")){ 
+        //找到按钮所在行的节点，然后删掉这一行 
+        this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); 
+        } 
+      } 
+    delCell.appendChild(btnDel);
+    return row;  
+}   
+
+Couple.Init=function () {
+    var userName=$(".userName")[0]//获取用户名
+    var ul = $(".asideMenu ul")[0];//获取项目列表ul
+    var informationtInfo = $(".informationtInfo")[0];//获取反馈信息
+    var informationtTime = $(".informationtTime")[0];//获取反馈时间
+    userName.innerText =  document.URL.split('?')[1].split("=")[1];
+    U.A.Request("http://cd.1473.cn/net",["db.1473.cn", "UseStudio_Couple", "GetProductByUserId",U.UF.Cookie.get("usestudiosso","userid")[0]],function (r){//获取项目列表
+        for(var i=0;i<r.value.length;i++){
+            var li=$$("li", {
+                "className": "asideItem","productId":r.value[i].ProductId
+                }, ul);
+            var a=$$("a", {}, li); 
+            var icon=$$("span", {
+                "className": "icon icon-times icon-2x",
+                }, a);   
+            var span=$$("span", {
+                "className": "asideItemText","innerText":r.value[i].ProductName
+                }, a);
+            ul.onclick = function(ev) {//点击项目
+                ev = ev || event;
+                var target = ev.target || ev.srcElement;
+                var productId = target.parentNode.parentElement.productId;
+                console.log(productId)
+                if(informationtTime.firstChild==null){
+                    Couple.Bind(productId)
+                }else{
+                    informationtInfo.removeChild(informationtInfo.firstChild);
+                    informationtTime.removeChild(informationtTime.firstChild);
+                    Couple.Bind(productId)
+                }
+                Couple.OnclickTime=function(id,time){//点击时间对应获取信息
+                    U.A.Request("http://cd.1473.cn/net",["db.1473.cn", "UseStudio_Couple", "GetCouple",id,time],function (r){//获取产品的反馈信息
+                        if(informationtInfo.firstChild==null){}else{
+                            informationtInfo.removeChild(informationtInfo.firstChild);
+                            informationtTime.removeChild(informationtTime.firstChild);
+                            Couple.Bind(productId)
+                        }
+                        var tbody = $$("tbody", {//创建表格
+                            "className": "tbMain",
+                            }, informationtInfo);
+                        var tr = $$("tr", {}, tbody);
+                        var td = $$("td", {
+                            "className":"infoTitle","innerText":"排序"
+                            }, tr);
+                        var td = $$("td", {
+                            "className":"infoTitle trTitle","innerText":"标题"
+                            }, tr);
+                        var td = $$("td", {
+                            "className":"infoTitle trContent","innerText":"内容",
+                            }, tr);
+                        var td = $$("td", {
+                            "className":"infoTitle trCoupleTime","innerText":"反馈时间"
+                            }, tr);
+                        var td = $$("td", {}, tr);
+                        for(var i=0;i<r.value.length;i++){
+                            var trow = Couple.getDataRow(r.value[i],i+1); 
+                            tbody.appendChild(trow); 
+                        }
+            
+                    })
+                } 
+            };
+        }
+    })
+    Couple.logout=function(){//退出
+        U.UF.CD.loadAjaxCrossDomain(function(){
+            U.A.Request(US.AUTH, ["UserOffline", U.UF.Cookie.get("usestudiosso","userid")[0]],function(r){
+                console.log(r)
+                window.location.href="http://couple.1473.cn/login.html";   
+            });
+        });
+    }
+}();

login.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+    <link rel="stylesheet" href="./css/uform.css">
+    <link rel="stylesheet" href="./css/couple.css">
+
+
+</head>
+<body style="background: url(./image/coupleItem1.png) no-repeat top/cover padding-box border-box;background-size: cover;">
+<div class="coupleItem">
+    <form action="" class="coupleForm">
+        <input type="text" class="account form-control" placeholder="用户名/手机号/邮箱" maxlength="30">
+        <div class="coupleItemInfo"></div>
+        <input type="password" class="password form-control" placeholder="密码" maxlength="32">
+        <div class="coupleItemInfo passwordInfo"></div>
+        <button type="button" class="loginSubmit" onclick="UserLogin()">登陆</button>
+    </form>
+</div>
+</body>
+<script src="http://www.1473.cn/uform.js"></script>
+<script>
+UserLogin = function(){
+    var account = $(".account")[0].value;
+    var password = $(".password")[0].value;
+    var passwordInfo = $(".passwordInfo")[0];
+
+    U.UF.CD.loadAjaxCrossDomain(function () {
+        U.A.Request(US.AUTH, ["UserLogin", account, password],function(r){
+            console.log(r);
+            U.A.Request(US.AUTH, ["GetUserLoginData", account], function(r){
+                console.log(r);
+                if(r.value!=false){
+                    window.location.href="http://couple.1473.cn/management.html?account="+account;   
+                }else{
+                    passwordInfo.innerText = "请输入正确的密码!"
+                }
+            })
+        });
+    });
+}
+
+
+
+
+</script>
+</html>

management.html

@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Documsent</title>
+    <link rel="stylesheet" href="./css/browser.css">
+    <link rel="stylesheet" href="./css/couple.css">
+</head>
+<body>
+<header class="informationtHeader">
+    <img src="./image/logo.png" alt="logo" class="informationtHeaderLogo">
+    <h4 class="logoTitle">后台信息管理</h4>
+    <div class="informationHeaderRight">
+        <span class="userName"></span>
+        <span>|</span>
+        <a href="#" onclick="Couple.logout()">退出</a>
+    </div>
+</header>
+<aside class="aside">
+    <div class="asideArea"></div>
+    <nav class="asideMenu">
+        <!-- <h5 class="asideTitle">后台管理</h5> -->
+        <ul>
+            <!-- <li class="asideItem">
+                <a href="">
+                    <span class="icon icon-times icon-2x"></span>
+                    <span class="asideItemText">
+                        游览器项目
+                    </span>
+                </a>
+            </li> -->
+           
+        </ul>
+    </nav>
+</aside>
+<div class="informationtBody">
+    <div class="informationtTime"></div>
+    <div class ="informationtInfo"></div>
+</div>
+<script src="./js/uform.js"></script>
+<script src="./js/couple.js"></script>
+</body>
+</html>