帳號管理 #134

新增老師帳號搜尋與邀請畫面

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

@@ -8,6 +8,7 @@
         .tab-box {
             display: inline-block;
             width: 30%;
+            min-width: 303px;
             .pane{
                 font-weight: bold;
                 margin-right: 50px;

TEAMModelOS/ClientApp/src/view/teachermgmt/components/personnel/Index.less

@@ -2,12 +2,12 @@
     width: 100%;
     height: 100%;
     position: relative;
-    overflow-x: hidden;
+    overflow-x: hidden;    
     .users{
         float: left;
         width: 35%;
         height: 100%;
-        border-right: 1px solid #464646;        
+        border-right: 1px solid #464646;
         .sort-box{
             padding-left: 20px;
             border-bottom: 1px solid #464646;
@@ -102,8 +102,8 @@
     .addTeacher{
         float: left;
         width: 65%;
-        height: 100%;        
-        &-div{                        
+        height: 100%;
+        &-box{
             padding-left: 20px;
             .title-box{
                 border-bottom: 1px solid #464646;
@@ -123,5 +123,58 @@
                 }          
             }
         }
+        .search-box{
+            position: relative;
+            padding-left: 20px;
+            height: calc(100% - 46px);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            .search{
+                width: 350px;
+                text-align: center;
+                .caption{
+                    font-size: 14px;
+                    color: #ababab;
+                    margin-bottom: 20px;
+                    letter-spacing: 1px;
+                    span{
+                        color: #fefefe;
+                    }
+                }
+                .errorMsg{
+                    margin-bottom: 35px;
+                    color: #ed4014;
+                }
+                .avatar-div{
+                    margin: 0 auto;
+                    margin-bottom: 20px;
+                    border-radius: 50%;
+                    background-color: #fefefe;
+                    width: 150px;
+                    height: 150px;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    img{
+                        background-color: #272727;
+                        border-radius: 50%;
+                        width: 144px;
+                        height: 144px;
+                    }
+                }
+                .basicInfo{
+                    margin-bottom: 20px;
+                    h3{
+                        letter-spacing: 1px;
+                        color: #c9c9c9;
+                    }
+                    p{
+                        font-size: 12px;
+                        color: #2f8e78;
+                    }
+                }
+            }
+        }
     }
 }

TEAMModelOS/ClientApp/src/view/teachermgmt/components/personnel/components/searchForm.vue

@@ -0,0 +1,19 @@
+<template>
+    <div id="searchForm">
+        <div class="caption">請輸入<span>教師帳號</span>、<span>電話</span>或<span>電子信箱</span>等資訊進行搜尋</div>
+        <Input class="searchIpt" prefix="ios-search" />
+        <p class="errorMsg"></p>
+        <Button :loading="serchTHLoading" class="searchBtn">搜尋教師</Button>
+    </div>
+</template>
+
+<script>
+export default {
+    name:'searchForm',
+    data() {
+        return {
+            
+        }
+    }
+}
+</script>