修改登陆页

css/browser.css

@@ -31,595 +31,3 @@ button:focus,button{
 .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

@@ -2,50 +2,74 @@ body{
     margin: 0;  
 }
 /* login */
-.coupleItem {
+.coupleLoginItem {
     display: flex;
     height: 100%;
     justify-content: center;
     align-items: center;
+    background: url(../images/backgroundBanner.jpg) no-repeat top/cover padding-box border-box;
+    background-size: cover;
 }
 .coupleForm {
-    padding: 100px;
-    box-shadow: #585858 1px 0 50px 2px;
+    padding: 75px;
+    /* box-shadow: #dbdbdb 2px 0 37px 2px; */
     background: #fff;
     border: 1px solid #e7e7e7;
+    border-radius: 20px;
+    text-align: center;
+}
+.coupleForm h4 {
+    margin-bottom: 70px;
+    font-size: 22px;
+    font-weight: normal;
+    font-stretch: normal;
+    color: #828283;
 }
 .form-control {
     display: block;
     width: 275px;
-    height: 26px;
+    height: 35px;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.42857143;
-    color: #555;
+    color: #b7b7b7;
     background-color: #fff;
-    background-image: none;
-    border: 1px solid #ccc;
-    border-radius: 4px;
+    border: solid 1px rgba(77, 77, 77, 0.2);
+    border-radius: 15px;
     -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{
+.form-control::-webkit-input-placeholder {
+    color:    #b7b7b7;
+}
+.form-control:-moz-placeholder {
+   color:    #b7b7b7;
+}
+.form-control::-moz-placeholder {
+   color:    #b7b7b7;
+}
+.form-control:-ms-input-placeholder {
+   color:    #b7b7b7;
+}
+.coupleItemInfo {
     display: block;
     height: 20px;
     padding: 10px 3px;
     color: #e4393c;
     font-size: 14px;
+    text-align: left;
 }
-.loginSubmit{
+.loginSubmit {
     width: 100%;
-    height: 30px;
-    border-radius: 5px;
+    height: 49px;
+    border-radius: 20px;
     border: 0;
     background: #5ea7fd;
     color: #fff;
+    outline:none;
 }
 /* login end */
 .informationtHeader{
@@ -68,7 +92,7 @@ body{
 }
 .informationtPermissions, .informationtAddUser, .informationtcreateItem {
     display: none;
-    margin: 30px 15px 0 80px;
+    margin: 30px 15px 0 180px;
     padding: 0 20px;    
     background: #fff;
     color: #000;
@@ -77,6 +101,10 @@ body{
     -moz-box-shadow: 2px 2px 13px #acacac;
     -webkit-box-shadow: 2px 2px 13px #acacac;
 }
+.permissionsHead span{
+    font-size: 16px;
+    line-height: 35px;
+}
 .informationtcreateItem{
     padding: 20px;
 }
@@ -93,6 +121,7 @@ body{
     resize: none;
 }
 .permissionsHead, .AddUserHead {
+    height: 35px;
     padding: 15px 0;
     border-bottom: 1px solid #e1e1e1;
 }
@@ -109,7 +138,8 @@ body{
     display: none;
     padding-right: 20px;
 }
-.informationtHeaderLogo{
+.informationtHeaderLogo {
+    width: 30px;
     margin-left: 18px;
 }
 .logoTitle {
@@ -119,114 +149,38 @@ body{
     font-weight: 400;
     font-size: 24px;
 }
-.aside {
-    position: absolute;
-    left: 0;
-    z-index: 10000;
-    width: 60px;
-    height: 1000px;
-}
-.icon-2x {
-    font-size: 2em;
-}
-.icon {
-    position: relative;
-    display: table-cell;
-    width: 60px;
-    height: 36px;
+.asideMenu {
     text-align: center;
-    vertical-align: middle;
-    font-size:20px;
 }
-.asideMenu:hover,nav.asideMenu.expanded {
-    width:250px;
-    overflow:visible;
+.asideMenu h3{
+    margin:20px 0;
 }
-.asideMenu {
-    background: #212121;
-    border-right: 1px solid #e5e5e5;
-    position: fixed;
-    top: 70px;
-    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 {
+.asideItem:visited asideItem, .asideItembg, .asideItem:hover, asideItem {
+    background: #cfdff5;
+    color: #6490e7;
+}
+.asideItem {
+    height: 35px;
+    line-height: 35px;
+}
+.asideMenu .active {
+    width: 4px !important;
+    height: 35px;
+    display: inline-block;
     float: left;
-    background: #e2e2e2;
-    width: 100%;
-    height: 100%;
+    background: #3372e1;
+}
+.aside {
+    position: absolute;
+    left: 0;
+    width: 147px;
+    min-height: 1000px;
+    height: 530px;
+    background-color: #e7f1ff;
+    color: #000;
 }
 .informationtBody {
-    padding: 30px 0 0 80px;
+    padding: 30px 0 0 180px;
 }
 .timeItem ,.delectInfo, .setInfo, .addUser,.btnAdd, .createItem, .delItem{
     width: 80px;

js/couple.js

@@ -2,7 +2,6 @@ Namespace.register("Couple");//注册命名空间
 Couple.Bind=function () {
     var userName=$(".userName")[0]//获取用户名
     var ul = $(".asideMenu ul")[0];//获取项目列表ul
-    var asideMenu = $(".asideMenu")[0];
     var informationtSet = $(".informationtSet")[0];
     var informationtInfo = $(".informationtInfo")[0];//获取反馈信息
     var informationtTime = $(".informationtTime")[0];//获取反馈时间
@@ -13,30 +12,35 @@ Couple.Bind=function () {
     var informationtcreateItem = $(".informationtcreateItem")[0]//创建项目按钮
     // userName.innerText =  document.URL.split('?')[1].split("=")[1];
     userName.innerText =  U.UF.Cookie.get("usestudiosso","username")[0];
-    window.onscroll = function(){
-        var scrollTop = document.documentElement.scrollTop;
-        if(scrollTop>=1){
-            asideMenu.style.top = "0";
-        }else{
-            asideMenu.style.top = "70px";
-        }
-    }
-    U.A.Request("http://cd.1473.cn/net",["db.1473.cn", "UseStudio_FeedBack", "GetProductByUserId",U.UF.Cookie.get("usestudiosso","userid")[0]],function (r){//获取项目列表
+   
+    U.A.Request("http://cd.1473.cn/php",["db.1473.cn", "UseStudio_FeedBack", "GetProductByUserId",U.UF.Cookie.get("usestudiosso","userid")[0]],function (r){//获取项目列表
         if(r.value){
             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 icon=$$("i", {"className": "active",});
+                    for(var i=0;i<ul.children.length;i++){
+                       if(ul.children[i].children[0].children.length>=2){
+                        ul.children[i].setAttribute("class","asideItem");
+                        ul.children[i].children[0].removeChild(ul.children[i].children[0].children[1])
+                       }
+                    }
+                    if( target.tagName=="LI"){
+                        target.children[0].appendChild(icon);
+                        target.setAttribute("class","asideItembg asideItem");
+                    }else{
+                        target.parentNode.appendChild(icon);
+                        target.parentNode.parentNode.setAttribute("class","asideItembg asideItem");
+                    }
                     var productId = target.parentNode.parentElement.productId;
                     if(informationtTime.firstChild==null){
                         Couple.createInfo(productId)
@@ -66,13 +70,13 @@ Couple.Bind=function () {
                         }, informationtTime.children[0]);
                     informationtTitle.innerHTML = "当前项目："+target.innerText;
                     Couple.OnclickaddUser=function(){
-                        U.A.Request("http://cd.1473.cn/net",["db.1473.cn","UseStudio_FeedBack","GetJurisdictionName",U.UF.Cookie.get("usestudiosso","userid")[0]],function (r){
+                        U.A.Request("http://cd.1473.cn/php",["db.1473.cn","UseStudio_FeedBack","GetJurisdictionName",U.UF.Cookie.get("usestudiosso","userid")[0]],function (r){
                             if(r.value[0].JurisdictionName!=="管理员"){
                                 informationtAddUser.style.display = "block";
                                 if(AddUserMembers.firstChild == null){}else{
                                     AddUserMembers.removeChild(AddUserMembers.firstChild);
                                 }
-                                U.A.Request("http://cd.1473.cn/net",["db.1473.cn", "UseStudio_FeedBack", "GetUserIdByProductId",target.parentNode.parentNode.productId],function (r){//获取没有权限用户的列表
+                                U.A.Request("http://cd.1473.cn/php",["db.1473.cn", "UseStudio_FeedBack", "GetUserIdByProductId",target.parentNode.parentNode.productId],function (r){//获取没有权限用户的列表
                                     if(r.value){
                                         NoPowerMembers.innerText = r.value.length;
                                         var tbody = $$("tbody", {//创建表格
@@ -91,9 +95,9 @@ Couple.Bind=function () {
                     }
                     Couple.OnclickdelITem=function(){
                         if(confirm("确定啥删除该项目吗")){
-                            U.A.Request("http://cd.1473.cn/net",["db.1473.cn","UseStudio_FeedBack","DeleteProductList",target.parentNode.parentNode.productId],function (r){
+                            U.A.Request("http://cd.1473.cn/php",["db.1473.cn","UseStudio_FeedBack","DeleteProductList",target.parentNode.parentNode.productId],function (r){
                                 if(r.value){
-                                    U.A.Request("http://cd.1473.cn/net",["db.1473.cn","UseStudio_FeedBack","DeleteProduct",target.parentNode.parentNode.productId],function (r){})
+                                    U.A.Request("http://cd.1473.cn/php",["db.1473.cn","UseStudio_FeedBack","DeleteProduct",target.parentNode.parentNode.productId],function (r){})
                                     location.reload();
                                     return false;
                                 }
@@ -101,7 +105,7 @@ Couple.Bind=function () {
                         }
                     }
                     Couple.OnclickTime=function(id,time){//点击时间对应获取信息
-                        U.A.Request("http://cd.1473.cn/net",["db.1473.cn","UseStudio_FeedBack","GetFeedback",id,time],function (r){//获取产品的反馈信息
+                        U.A.Request("http://cd.1473.cn/php",["db.1473.cn","UseStudio_FeedBack","GetFeedback",id,time],function (r){//获取产品的反馈信息
                             if(r.value){
                                 if(informationtInfo.firstChild==null){}else{
                                     informationtInfo.removeChild(informationtInfo.firstChild);
@@ -151,7 +155,7 @@ Couple.Permissions=function(){
     var AddItem = $(".AddItem")[0];//获取创建项目
     var informationtcreateItem = $(".informationtcreateItem")[0]//获取创建项目
     var createItem = $(".createItem")[0]//获取创建按钮
-    U.A.Request("http://cd.1473.cn/net",["db.1473.cn","UseStudio_FeedBack","GetUser"],function (r){//查询用户
+    U.A.Request("http://cd.1473.cn/php",["db.1473.cn","UseStudio_FeedBack","GetUser"],function (r){//查询用户
         if(r.value){
             var tbody = $$("tbody", {//创建表格
                 "className": "tbMain",
@@ -162,7 +166,7 @@ Couple.Permissions=function(){
             }
         }
     })
-    U.A.Request("http://cd.1473.cn/net",["db.1473.cn","UseStudio_FeedBack","GetJurisdictionName",U.UF.Cookie.get("usestudiosso","userid")[0]],function (r){//传入用户Id获取权限名称
+    U.A.Request("http://cd.1473.cn/php",["db.1473.cn","UseStudio_FeedBack","GetJurisdictionName",U.UF.Cookie.get("usestudiosso","userid")[0]],function (r){//传入用户Id获取权限名称
         if(r.value){
             if(r.value[0].JurisdictionName === "超级管理员"){
                 informationtSet.style.display = "inline-block";
@@ -180,9 +184,9 @@ Couple.Permissions=function(){
                     informationtcreateItem.style.display = "block";
                 }
                 Couple.OnclickcreateItem=function(){
-                    U.A.Request("http://cd.1473.cn/net",["db.1473.cn","UseStudio_FeedBack","InsertProductList",$(".createItemName")[0].value],function (r){//查询用户
+                    U.A.Request("http://cd.1473.cn/php",["db.1473.cn","UseStudio_FeedBack","InsertProductList",$(".createItemName")[0].value],function (r){//查询用户
                         if(r.value){
-                            U.A.Request("http://cd.1473.cn/net",["db.1473.cn","UseStudio_FeedBack","InsertUserProduct",U.UF.Cookie.get("usestudiosso","userid")[0],r.value[0].ProductId],function (r){//查询用户
+                            U.A.Request("http://cd.1473.cn/php",["db.1473.cn","UseStudio_FeedBack","InsertUserProduct",U.UF.Cookie.get("usestudiosso","userid")[0],r.value[0].ProductId],function (r){//查询用户
                                 location.reload() 
                             })
                         }
@@ -259,7 +263,7 @@ Couple.getUserRow = function(h,i,productId){//创建表格下用户数据库循
     btnAdd.onclick=function(){ //设置操作 
         if(confirm("确定添加权限吗")){
             this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
-            U.A.Request("http://cd.1473.cn/net",["db.1473.cn", "UseStudio_FeedBack", "InsertUserProduct",h.UserId,productId],function (r){})//插入用户权限
+            U.A.Request("http://cd.1473.cn/php",["db.1473.cn", "UseStudio_FeedBack", "InsertUserProduct",h.UserId,productId],function (r){})//插入用户权限
         }
     }
     setCell.appendChild(btnAdd);
@@ -294,7 +298,7 @@ Couple.getDataRow = function(h,i){//创建表格下的反馈数据库循环数
         if(confirm("确定删除这一行嘛？")){
             this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); 
         }
-        U.A.Request("http://cd.1473.cn/net",["db.1473.cn", "UseStudio_FeedBack", "DeleteFeedback",h.ProductId],function (r){}) 
+        U.A.Request("http://cd.1473.cn/php",["db.1473.cn", "UseStudio_FeedBack", "DeleteFeedback",h.ProductId],function (r){}) 
     } 
     delCell.appendChild(btnDel);
     return row;  
@@ -327,7 +331,7 @@ Couple.getMembersRow = function(h,i){//创建表格下的用户数据库循环
         if(confirm("确定修改管理员信息吗")){
             if(this.parentNode.parentNode.children[2].innerText != "超级管理员"){
                 this.parentNode.parentNode.children[2].innerHTML = "超级管理员"
-                U.A.Request("http://cd.1473.cn/net",["db.1473.cn", "UseStudio_FeedBack", "UpdateJurisdictionName",this.parentNode.parentNode.children[0].innerText,"超级管理员"],function (r){//修改权限
+                U.A.Request("http://cd.1473.cn/php",["db.1473.cn", "UseStudio_FeedBack", "UpdateJurisdictionName",this.parentNode.parentNode.children[0].innerText,"超级管理员"],function (r){//修改权限
                     console.log(r)
                 }) 
             }else{
@@ -348,7 +352,7 @@ Couple.getMembersRow = function(h,i){//创建表格下的用户数据库循环
     btnDel.onclick=function(){ //删除操作 
         if(confirm("确定删除这一行嘛？")){
             this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); 
-            U.A.Request("http://cd.1473.cn/net",["db.1473.cn", "UseStudio_FeedBack", "DeleteFeedback",h.FeedbackId],function (r){}) 
+            U.A.Request("http://cd.1473.cn/php",["db.1473.cn", "UseStudio_FeedBack", "DeleteFeedback",h.FeedbackId],function (r){}) 
         }
     } 
     delCell.appendChild(btnDel);
@@ -358,7 +362,7 @@ Couple.logout=function(){//退出
     U.UF.CD.loadAjaxCrossDomain(function(){
         U.A.Request(US.AUTH, ["UserOffline", U.UF.Cookie.get("usestudiosso","userid")[0]],function(r){
             U.UF.Cookie.del("usestudiosso")
-            window.location.href="http://couple.1473.cn/login.html";  
+            window.location.href="http://feedback.1473.cn/";  
         });
     });
 }

login.html

@@ -4,15 +4,17 @@
     <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>
+    <title>反馈登陆</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">
+<body>
+<div class="coupleLoginItem">
+    <form class="coupleForm">
+        <img src="./images/logo.png" alt="logo">
+        <h4>有思后台系统</h4>
         <input type="text" class="account form-control" placeholder="用户名/手机号/邮箱" maxlength="30">
         <div class="coupleItemInfo"></div>
         <input type="password" class="password form-control" placeholder="密码" maxlength="32">
@@ -37,8 +39,8 @@ UserLogin = function(){
             U.A.Request(US.AUTH, ["GetUserLoginData", account], function(r){
                 console.log(r);
                 if(r.value!=false){
-                    U.A.Request("http://cd.1473.cn/net",["db.1473.cn","UseStudio_FeedBack","InsertUser",key.value[0].UserId,key.value[0].UserName],function (r){})
-                    window.location.href="http://couple.1473.cn/management.html?account="+account;   
+                    U.A.Request("http://cd.1473.cn/php",["db.1473.cn","UseStudio_FeedBack","InsertUser",key.value[0].UserId,key.value[0].UserName],function (r){})
+                    window.location.href="http://feedback.1473.cn/management.html"
                 }else{
                     passwordInfo.innerText = "请输入正确的密码!"
                 }

management.html

@@ -4,14 +4,14 @@
     <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>
+    <title>反馈后台信息管理</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>
+    <img src="./images/logo.png" alt="logo" class="informationtHeaderLogo">
+    <h4 class="logoTitle">反馈后台信息管理</h4>
     <div class="informationHeaderRight">
         <span class="informationtSet">管理</span>
         <span class="userName"></span>
@@ -19,9 +19,9 @@
         <a href="#" onclick="Couple.logout()">退出</a>
     </div>
 </header>
-<aside class="aside">
-    <div class="asideArea"></div>
+<aside class="aside clearfix">
     <nav class="asideMenu">
+        <h3>后台管理</h3>
         <ul></ul>
     </nav>
 </aside>
@@ -43,9 +43,7 @@
     <div class="informationtTime"></div>
     <div class ="informationtInfo"></div>
 </div>
-
 <script src="./js/uform.js"></script>
-<!-- <script src="http://www.1473.cn/uform.js"></script> -->
 <script src="./js/couple.js"></script>
 </body>
 </html>

web.config

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration>
+    <system.webServer>
+        <defaultDocument>
+            <files>
+                <add value="login.html" />
+            </files>
+        </defaultDocument>
+    </system.webServer>
+</configuration>