教师端setting的颜色

TEAMModelOS/ClientApp/src/view/settings/Index.less

@@ -4,15 +4,15 @@
 	height: 100%;
 	display: flex;
 	flex-direction: column;
-	background-color: #ffffff;
+	/* background-color: #ffffff;
 	margin: 15px 20px;
 	border-radius: 5px;
-	box-shadow: 0px 0px 10px 2px #ccc;
+	box-shadow: 0px 0px 10px 2px #ccc; */
 	
 	.settings-header{
 		height: 70px;
-		// border-bottom: 1px solid @border-color;
-		border-bottom: 1px solid #909090;
+		border-bottom: 1px solid @border-color;
+		// border-bottom: 1px solid #909090;
 		
 		&-item{
 			display: inline-block;
@@ -20,9 +20,9 @@
 			line-height: 40px;
 			margin-top: 15px;
 			margin-left: 50px;
-			// color:@label-textColor;#1E1F21
+			color: @label-textColor;
 			// color: #1E1F21;
-			color: #909090;
+			// color: #909090;
 			cursor: pointer;
 			
 			&:first-child{
@@ -32,11 +32,11 @@
 		
 		.active-item{
 			font-size: 14px;
-			// color:#fff;
+			color:#fff;
 			// color:#1CC0F3;
-			color:#393b3c;
-			// border-bottom: 2px solid @primary-color;
-			border-bottom: 2px solid #393b3c;
+			// color:#393b3c;
+			border-bottom: 2px solid @primary-color;
+			// border-bottom: 2px solid #393b3c;
 		}
 	}
 	
@@ -58,13 +58,13 @@
 				.item-title{
 					font-size: 18px;
 					font-weight: bold;
-					// color:#fff;
+					color:#fff;
 					margin-left: 10%;
 					min-width: 10%;
 				}
 				
 				.item-description{
-					// color:#a7a7a7;
+					color:#a7a7a7;
 					min-width: 30%;
 					margin-left: 10%;
 				}

TEAMModelOS/ClientApp/src/view/settings/OpenMgmt2.css

@@ -1,7 +1,6 @@
 .open-mgmt {
   display: flex;
   height: 100%;
-  background-color: white;
 }
 .open-mgmt .open-header {
   width: 100%;
@@ -25,10 +24,10 @@
   line-height: 70px;
   font-size: 16px;
   padding-left: 10px;
-  /* font-weight: 300;
-                color: #fff; */
-  font-weight: bold;
-  color: #525B6F;
+  font-weight: 300;
+  color: #fff;
+  /* font-weight: bold;
+                color: #525B6F; */
   cursor: pointer;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -60,12 +59,19 @@
 .open-mgmt .open-mgmt-right .open-right-info .open-info {
   width: 30%;
   font-size: 16px;
+  /* .ivu-input{
+                    font-size: 16px;
+                    color: #525B6F;
+                }
+                .ivu-radio-wrapper{
+                    color: #525B6F;
+                } */
 }
 .open-mgmt .open-mgmt-right .open-right-info .open-info .open-mgmt-info {
   padding: 20px;
-}
-.open-mgmt .open-mgmt-right .open-right-info .open-info .open-mgmt-info .ivu-radio-inner {
-  background-color: #F3F3F3;
+  /* .ivu-radio-inner{
+                        background-color: #F3F3F3;
+                    } */
 }
 .open-mgmt .open-mgmt-right .open-right-info .open-info .ivu-form-item:not(:first-child) {
   margin-top: 30px;
@@ -81,19 +87,11 @@
   top: -33px;
   right: 0;
 }
-.open-mgmt .open-mgmt-right .open-right-info .open-info .ivu-input {
-  font-size: 16px;
-  color: #525B6F;
-}
-.open-mgmt .open-mgmt-right .open-right-info .open-info .ivu-radio-wrapper {
-  color: #525B6F;
-}
 .open-mgmt .open-mgmt-right .open-right-info .open-info .open-info-disabled .ivu-input {
   background: transparent;
   border: none;
   box-shadow: none;
   font-size: 16px;
-  color: #1e1f21;
   font-weight: 500;
 }
 .open-mgmt .open-mgmt-right .open-right-info .open-api {
@@ -104,12 +102,13 @@
 }
 .open-mgmt .open-mgmt-right .open-right-info .open-api .open-api-table {
   padding: 20px;
-}
-.open-mgmt .open-mgmt-right .open-right-info .open-api .open-api-table .ivu-table-wrapper {
-  box-shadow: 0px 0px 10px 2px #ccc;
-}
-.open-mgmt .open-mgmt-right .open-right-info .open-api .open-api-table .ivu-checkbox-inner {
-  background-color: white;
+  /* .ivu-table-wrapper{
+                        box-shadow: 0px 0px 10px 2px #ccc;
+                    }
+
+                    .ivu-checkbox-inner{
+                        background-color: white;
+                    } */
 }
 .open-mgmt .open-mgmt-right .open-right-info .open-api .ivu-checkbox-wrapper {
   margin-left: 0;
@@ -118,29 +117,28 @@
 .open-mgmt .open-mgmt-right .open-right-info .open-api .ivu-page {
   float: right;
   margin-top: 15px;
-}
-.open-mgmt .open-mgmt-right .open-right-info .open-api .ivu-page .ivu-page-item-active {
-  background-color: #BFBFB9 !important;
-}
-.open-mgmt .open-mgmt-right .open-right-info .open-api .ivu-page .ivu-page-item-active a {
-  color: #595959;
-}
-.open-list {
-  border-bottom: 1px solid #e1e1e1;
-}
+  /* .ivu-page-item-active{
+                        background-color: #BFBFB9 !important;
+                    }
+
+                    .ivu-page-item-active a{
+                        color: #595959;
+                    } */
+}
+.open-list,
 .open-header,
 .open-info-header,
 .open-api-header {
-  border-bottom: 1px solid #909090;
+  border-bottom: 1px solid #424242;
 }
 .open-mgmt-left,
 .open-info {
-  border-right: 1px solid #909090;
+  border-right: 1px solid #424242;
 }
 .open-header,
 .open-info-header,
 .open-api-header {
-  color: #1E1F21;
+  color: #949494;
   height: 40px;
   line-height: 40px;
   padding-left: 20px;

TEAMModelOS/ClientApp/src/view/settings/OpenMgmt2.less

@@ -1,7 +1,7 @@
 .open-mgmt{
     display: flex;
     height: 100%;
-    background-color: white;
+    // background-color: white;
 
     .open-header{
         width: 100%;
@@ -29,10 +29,10 @@
                 line-height: 70px;
                 font-size: 16px;
                 padding-left: 10px;
-                /* font-weight: 300;
-                color: #fff; */
-                font-weight: bold;
-                color: #525B6F;
+                font-weight: 300;
+                color: #fff;
+                /* font-weight: bold;
+                color: #525B6F; */
                 cursor: pointer;
                 white-space: nowrap;
                 text-overflow: ellipsis;
@@ -79,9 +79,9 @@
                 .open-mgmt-info {
                     padding: 20px;
 
-                    .ivu-radio-inner{
+                    /* .ivu-radio-inner{
                         background-color: #F3F3F3;
-                    }
+                    } */
                 }
       
                 .ivu-form-item:not(:first-child){
@@ -101,13 +101,13 @@
                     }
                 }
 
-                .ivu-input{
+                /* .ivu-input{
                     font-size: 16px;
                     color: #525B6F;
                 }
                 .ivu-radio-wrapper{
                     color: #525B6F;
-                }
+                } */
 
                 .open-info-disabled{
                     .ivu-input{
@@ -115,7 +115,7 @@
                         border: none;
                         box-shadow: none;
                         font-size: 16px;
-                        color: #1e1f21;
+                        // color: #1e1f21;
                         font-weight: 500;
                     }
                 }
@@ -133,13 +133,13 @@
                 .open-api-table{
                     padding: 20px;
 
-                    .ivu-table-wrapper{
+                    /* .ivu-table-wrapper{
                         box-shadow: 0px 0px 10px 2px #ccc;
                     }
 
                     .ivu-checkbox-inner{
                         background-color: white;
-                    }
+                    } */
                 }
 
                 .ivu-checkbox-wrapper {
@@ -151,13 +151,13 @@
                     float: right;
                     margin-top: 15px;
                     
-                    .ivu-page-item-active{
+                    /* .ivu-page-item-active{
                         background-color: #BFBFB9 !important;
                     }
 
                     .ivu-page-item-active a{
                         color: #595959;
-                    }
+                    } */
                 }
 
                 
@@ -166,27 +166,27 @@
     }
 }
 
-.open-list{
+.open-list/* {
     border-bottom: 1px solid #e1e1e1;
-}
+} */,
 .open-header,
 .open-info-header,
 .open-api-header{
-    // border-bottom: 1px solid #424242;
-    border-bottom: 1px solid #909090;
+    border-bottom: 1px solid #424242;
+    // border-bottom: 1px solid #909090;
 }
 
 .open-mgmt-left,
 .open-info{
-    // border-right: 1px solid #424242;
-    border-right: 1px solid #909090;
+    border-right: 1px solid #424242;
+    // border-right: 1px solid #909090;
 }
 
 .open-header,
 .open-info-header,
 .open-api-header{
-    // color: #949494;
-    color: #1E1F21;
+    color: #949494;
+    // color: #1E1F21;
     height: 40px;
     line-height: 40px;
     padding-left: 20px;

TEAMModelOS/ClientApp/src/view/settings/OpenMgmt2.vue

@@ -6,10 +6,10 @@
             <div class="open-header">
                 <span>{{ $t("settings.openList") }}</span>
                 <div class="open-action">
-                    <Icon type="md-add" size="18" style="margin-right: 10px" color="rgb(115 115 115)" @click="editOpen(true, true)" />
-                    <!-- <Icon type="md-add" size="18" style="margin-right: 10px" color="#0094FF" @click="editOpen(true, true)" /> -->
+                    <!-- <Icon type="md-add" size="18" style="margin-right: 10px" color="rgb(115 115 115)" @click="editOpen(true, true)" /> -->
+                    <Icon type="md-add" size="18" style="margin-right: 10px" color="#0094FF" @click="editOpen(true, true)" />
                     
-                    <Icon type="md-trash" size="18" color="rgb(115 115 115)" @click="delOpen" />
+                    <Icon type="md-trash" size="18" color="#0094FF" @click="delOpen" />
                 </div>
             </div>
             <vuescroll>
@@ -30,13 +30,13 @@
                 <span>{{ $t("settings.openInfo") }}</span>
                 <div class="open-action" @click="editOpen(true, false)" v-show="!isEdit">
                     <div>
-                        <Icon type="ios-create" size="18" color="rgb(115 115 115)" />
+                        <Icon type="ios-create" size="18" color="#0094FF" />
                         <span>{{ $t("settings.edit") }}</span>
                     </div>
                 </div>
                 <div class="open-action" v-show="isEdit">
                     <div @click="keepMgmt(true)">
-                        <Icon type="md-checkmark-circle" size="18" color="rgb(115 115 115)" />
+                        <Icon type="md-checkmark-circle" size="18" color="#0094FF" />
                         <span>{{ $t("settings.openKeep") }}</span>
                     </div>
                     <div @click="keepMgmt(false)">
@@ -48,8 +48,8 @@
             <div class="open-right-info">
                 <div class="open-info">
                     <vuescroll>
-                        <!-- <div class="dark-iview-form disabled-iview-input"> -->
-                            <div class="open-mgmt-info">
+                        <div class="open-mgmt-info dark-iview-form disabled-iview-input">
+                            <!-- <div class="open-mgmt-info"> -->
                                 <Form :model="openMgInfo" label-position="top">
                                     <FormItem :label="$t('settings.openName')">
                                         <Input v-model="openMgInfo.name"
@@ -92,8 +92,8 @@
                         <!-- </div> -->
                     </vuescroll>
                 </div>
-                <!-- <div class="open-api dark-iview-table dark-iview-page"> -->
-                <div class="open-api">
+                <div class="open-api dark-iview-table dark-iview-page">
+                <!-- <div class="open-api"> -->
                     <vuescroll>
                         <div class="open-api-table">
                             <Table ref="selection"

TEAMModelOS/ClientApp/src/view/settings/SchoolMgmt.css

@@ -0,0 +1,123 @@
+.school-container {
+  display: flex;
+  height: 100%;
+  font-family: 'NotoSerif', '微软正黑体', 'Microsoft JhengHei UI', 'Microsoft JhengHei', Sans-serif;
+}
+.school-container .school-container-header {
+  display: flex;
+  justify-content: space-between;
+  padding-right: 20px;
+  color: #949494;
+}
+.school-container-left {
+  width: 28%;
+  height: 100%;
+  border-right: 1px solid #424242;
+}
+.school-container-left .school-list-wrap {
+  height: 100%;
+  overflow: hidden;
+}
+.school-container-left .school-list-wrap .list-wrap {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  padding-left: 10px;
+  padding-bottom: 50px;
+  overflow: hidden;
+}
+.school-container-left .school-list-wrap .list-wrap .school-item {
+  position: relative;
+  width: 100%;
+  padding: 10px;
+  border-bottom: 1px solid #424242;
+  display: flex;
+  font-size: 12px;
+}
+.school-container-left .school-list-wrap .list-wrap .school-item-name {
+  font-size: 14px;
+  font-weight: 300;
+  color: #fff;
+}
+.school-container-left .school-list-wrap .list-wrap .school-item-status {
+  font-size: 12px;
+  background: #1CC0F3;
+  padding: 2px 8px;
+  margin-left: 10px;
+  border-radius: 2px;
+  font-weight: 200;
+  color: white;
+}
+.school-container-left .school-list-wrap .list-wrap .school-item-code {
+  margin: 5px 0;
+  color: #a5a5a5;
+  letter-spacing: 0.6px;
+}
+.school-container-left .school-list-wrap .list-wrap .school-item-nums {
+  color: #1CC0F3;
+  margin-top: 5px;
+  font-size: 12px;
+  margin-left: 20px;
+}
+.school-container-left .school-list-wrap .list-wrap .school-item-nums .ivu-icon {
+  font-size: 18px;
+  margin-right: 5px;
+}
+.school-container-left .school-list-wrap .list-wrap .school-item-role {
+  position: absolute;
+  right: 20px;
+  top: 20px;
+  color: #a5a5a5;
+}
+.school-container-left .school-list-wrap .list-wrap .school-item-btn {
+  position: absolute;
+  right: 20px;
+  bottom: 20px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 5px;
+  color: #fff;
+  text-align: center;
+  cursor: pointer;
+}
+.school-container-left .school-list-wrap .list-wrap .school-item-btn .ivu-icon {
+  font-size: 16px;
+  margin-right: 2px;
+  color: #DDDDDD;
+}
+.school-container-left .school-list-wrap .list-wrap .school-item:hover {
+  background-image: -webkit-linear-gradient(90deg, rgba(30, 30, 30, 0) 0%, rgba(110, 110, 110, 0.2) 50%, rgba(110, 110, 110, 0.4) 100%);
+  background-image: -o-linear-gradient(90deg, rgba(30, 30, 30, 0) 0%, rgba(110, 110, 110, 0.2) 50%, rgba(110, 110, 110, 0.4) 100%);
+  background-image: -moz-linear-gradient(90deg, rgba(30, 30, 30, 0) 0%, rgba(110, 110, 110, 0.2) 50%, rgba(110, 110, 110, 0.4) 100%);
+  background-image: linear-gradient(90deg, rgba(30, 30, 30, 0) 0%, rgba(110, 110, 110, 0.2) 50%, rgba(110, 110, 110, 0.4) 100%);
+}
+.school-container-left .school-list-wrap .list-wrap .school-item:hover .school-item-btn {
+  visibility: visible;
+}
+.school-container .schoolmgmt-container-right {
+  flex: 1;
+  height: 100%;
+}
+.school-container .schoolmgmt-container-right .school-container-header {
+  width: 100%;
+  height: 40px;
+  border-bottom: 1px solid #424242;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 20px;
+}
+.school-container-header {
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+  padding-left: 20px;
+  color: #a5a5a5;
+  border-bottom: 1px solid #424242;
+}
+.school-container .item-active {
+  background-image: -webkit-linear-gradient(90deg, rgba(30, 30, 30, 0) 0%, rgba(110, 110, 110, 0.2) 50%, rgba(110, 110, 110, 0.4) 100%);
+  background-image: -o-linear-gradient(90deg, rgba(30, 30, 30, 0) 0%, rgba(110, 110, 110, 0.2) 50%, rgba(110, 110, 110, 0.4) 100%);
+  background-image: -moz-linear-gradient(90deg, rgba(30, 30, 30, 0) 0%, rgba(110, 110, 110, 0.2) 50%, rgba(110, 110, 110, 0.4) 100%);
+  background-image: linear-gradient(90deg, rgba(30, 30, 30, 0) 0%, rgba(110, 110, 110, 0.2) 50%, rgba(110, 110, 110, 0.4) 100%);
+}

TEAMModelOS/ClientApp/src/view/settings/SchoolMgmt.less

@@ -17,8 +17,8 @@
 	&-left{
 		width: 28%;
 		height: 100%;
-		// border-right: 1px solid @borderColor;
-		border-right: 1px solid #909090;
+		border-right: 1px solid @borderColor;
+		// border-right: 1px solid #909090;
 		
 		.school-list-wrap{
 			height: 100%;
@@ -36,8 +36,8 @@
 					position: relative;
 					width: 100%;
 					padding: 10px;
-					// border-bottom: 1px solid @borderColor;
-					border-bottom: 1px solid #e1e1e1;
+					border-bottom: 1px solid @borderColor;
+					// border-bottom: 1px solid #e1e1e1;
 					display: flex;
 					font-size: 12px;
 					
@@ -48,9 +48,9 @@
 					&-name{
 						font-size: 14px;
 						font-weight: 300;
-						// color:#fff;
+						color:#fff;
 
-						color:#525B6F;
+						// color:#525B6F;
 					}
 					
 					&-status{
@@ -129,8 +129,8 @@
 		.school-container-header{
 			width: 100%;
 			height: 40px;
-			// border-bottom: 1px solid @borderColor;
-			border-bottom: 1px solid #909090;
+			border-bottom: 1px solid @borderColor;
+			// border-bottom: 1px solid #909090;
 			display: flex;
 			align-items: center;
 			justify-content: space-between;

TEAMModelOS/ClientApp/src/view/settings/SchoolMgmt.vue

@@ -435,14 +435,14 @@
 			justify-content: center;
 			align-items: center;
 			flex-direction: column;
-			// color: #afafaf;
+			color: #afafaf;
 			height: 100%;
 			padding-bottom: 250px;
 
 			&-tip {
 				span {
-					// color: #fff;
-					color: #010101;
+					color: #fff;
+					// color: #010101;
 					font-weight: bold;
 					margin: 0 10px;
 				}