Merge branch 'develop5.0-tmd' of http://106.12.23.251:10000/TEAMMODEL/TEAMModelOS into develop5.0-tmd

TEAMModelOS/ClientApp/src/view/schoolmgmt/SystemSetting/SystemSetting.vue

@@ -243,7 +243,7 @@
                                 </div>
                                 <div class="attr-box-item">
                                     <p>
-                                        <Tooltip :content="$t('schoolBaseInfo.touchTips')" placement="right" theme="light"  max-width="200">
+                                        <Tooltip :content="$t('schoolBaseInfo.touchTips')" placement="right" theme="light" max-width="200">
                                             <Icon type="ios-information-circle-outline" color="#1cc0f3" size="16" style="margin-right: 5px;cursor: pointer;" />
                                         </Tooltip>
                                         <span>{{$t('schoolBaseInfo.touchLabel')}}</span>
@@ -1425,16 +1425,6 @@ export default {
         color: #a6a6a6;
     }
 
-    .ivu-checkbox-wrapper {
-        margin-left: 40px;
-        margin-top: 5px;
-        color: #a6a6a6;
-    }
-
-    .ivu-checkbox {
-        margin-right: 5px;
-    }
-
     .ivu-radio-wrapper {
         margin-right: 20px;
         color: white;
@@ -1464,7 +1454,19 @@ export default {
             border-color: #0094ff;
         }
     }
+}
+.custom-check-box {
+    user-select: none;
+    
+    .ivu-checkbox-wrapper {
+        margin-left: 40px;
+        margin-top: 5px;
+        color: #a6a6a6;
+    }
 
+    .ivu-checkbox {
+        margin-right: 5px;
+    }
     .ivu-checkbox-inner {
         width: 18px;
         height: 18px;
@@ -1491,6 +1493,7 @@ export default {
             border-right: #ffffff solid 3px;
             border-bottom: #ffffff solid 3px;
             transform: rotate(35deg);
+            transition: all 0.1s;
             position: absolute;
             top: -4px;
             left: 4px;

TEAMModelOS/ClientApp/src/view/student-account/stuMgt/StuMgt.less

@@ -8,26 +8,23 @@
 @second-fontSize:16px;
 
 .sc-menu {
-    height: 45px;
     width: ~"calc(100%-50px)";
     border-bottom: 1px solid @borderColor;
-    padding: 0px 35px 0px 15px;
-    box-sizing: content-box;
-    -webkit-box-sizing: content-box;
-    -moz-box-sizing: content-box;
+    padding: 0px 20px 2px 15px;
+    position: relative;
 
     &-left {
-        float: left;
         line-height: 45px;
         height: 45px;
-        width: 57%;
+        // margin-top:-6px;
     }
 
     &-right {
-        float: right;
+        top: -45px;
+        position: absolute;
+        right: 30px;
         line-height: 45px;
         height: 45px;
-        width: 42%;
         animation: fadeIn 1.5s ;
         @keyframes fadeIn{
             0%{
@@ -47,7 +44,7 @@
                 height: 45px;
                 line-height: 45px;
                 display: block;
-                margin-left: 30px;
+                margin-left: 20px;
                 float: right;
                 cursor: pointer;
             }

TEAMModelOS/ClientApp/src/view/student-account/stuMgt/StuMgt.vue

@@ -7,20 +7,24 @@
         <div class="sc-menu">
             <div class="sc-menu-left dark-iview-select">
                 <!-- 學制Select -->
-                <Select v-model="searchPeriod" style="width: 120px" :placeholder="$t('stuAccount.periodHolder')" @on-change="filterData">
+                <Select v-model="searchPeriod" style="width: 100px" :placeholder="$t('stuAccount.periodHolder')" @on-change="filterData">
                     <Option v-for="(item, index) in periods" :value="item.id" :key="index">{{ item.name }}</Option>
                 </Select>
                 <!-- 學級Select -->
-                <Select v-model="searchGrade" style="width: 150px; margin-left: 5px" :placeholder="$t('stuAccount.gradeHolder')" :not-found-text="$t('stuAccount.sltPdFirst')" clearable @on-change="filterData">
+                <Select v-model="searchGrade" style="width: 140px; margin-left: 5px" :placeholder="$t('stuAccount.gradeHolder')" :not-found-text="$t('stuAccount.sltPdFirst')" clearable @on-change="filterData">
                     <Option v-for="(item, index) in years" :value="item.value" :key="index">{{ item.label }}</Option>
                 </Select>
                 <!-- 班级Select -->
-                <Select v-model="searchClass" ref="classroom" style="width: 150px; margin-left: 5px" :placeholder="$t('stuAccount.classroomHolder')" clearable @on-change="filterData" :not-found-text="searchGrade ? $t('stuAccount.noClass') : $t('stuAccount.sltGdFirst')">
+                <Select v-model="searchClass" ref="classroom" style="width: 140px; margin-left: 5px" :placeholder="$t('stuAccount.classroomHolder')" clearable @on-change="filterData" :not-found-text="searchGrade ? $t('stuAccount.noClass') : $t('stuAccount.sltGdFirst')">
                     <Option v-for="(item, index) in filterClasses" :value="item.id" :key="index">{{ item.name }}</Option>
-                    <Option v-show="!searchGrade" value="noclass">{{$t('stuAccount.noRelClass')}}</Option>
+                    <!-- <Option v-show="!searchGrade" value="noclass">{{$t('stuAccount.noRelClass')}}</Option> -->
                 </Select>
                 <!-- 字串模糊搜尋 -->
-                <Input v-model="searchText" clearable :placeholder="$t('stuAccount.searchHolder')" style="width: 180px; margin-left: 20px" search @on-search="filterData" @on-clear="filterData" />
+                <Input v-model="searchText" clearable :placeholder="$t('stuAccount.searchHolder')" style="width: 152px; margin-left: 10px" search @on-search="filterData" @on-clear="filterData" />
+                <!-- 筛选未关联班级学生 -->
+                <div style="display:inline-block;" class="custom-check-box">
+                    <Checkbox v-model="searchClass" label="noclass" @on-change="filterData" style="color:white;margin-left:10px">筛选未关联班级学生</Checkbox>
+                </div>
             </div>
             <div class="sc-menu-right sc-text-no-select" v-if="authorizationStatus == false">
                 <ul v-if="$access.can('admin.*|student-upd')">
@@ -501,7 +505,7 @@ export default {
                     }
                 },
                 err => {
-                    
+
                 }
             ).finally(() => {
                 this.tableLoading = false