提交校区管理员页面

src/pages/home/TeacherApporval.vue

@@ -7,8 +7,8 @@
       <!--数据监控-->
       <el-col :span="20" class="main" :offset="2">
         <el-row :gutter="20" class="main-header">
-          <el-col :span="3"><div class="main-header-item" @click="isShow(1)">注册老师数：18人</div></el-col>
-          <el-col :span="3"><div class="main-header-item" @click="isShow(2)">活跃老师数：16人</div></el-col>
+          <el-col :span="3"><div class="main-header-item" >注册老师数：18人</div></el-col>
+          <el-col :span="3"><div class="main-header-item">活跃老师数：16人</div></el-col>
           <el-col :span="4"><div class="main-header-item">注册用户数：1128人</div></el-col>
           <el-col :span="4"><div class="main-header-item">活跃用户数：1008人</div></el-col>
         </el-row>
@@ -63,8 +63,8 @@
             header-align="center"></el-table-column>
           <el-table-column prop="status" label="" header-align="center" width="250">
             <template scope="scope">
-              <el-button type="success" plain round>小组详情</el-button>
-              <el-button type="success" round>管理员详情</el-button>
+              <el-button type="success" plain @click="isShow(1)">小组详情</el-button>
+              <el-button type="success" @click="isShow(2)">管理员详情</el-button>
             </template>
           </el-table-column>
 
@@ -87,37 +87,10 @@
     <div class='showModel' @click="allShowModel(1)" v-if="hiddenModel"></div>
     <div class='model' v-if="hiddenModel">
       <div class='model-text'>
-        <div class="model-text-head">
-          <div>可分配老师</div>
-          <div>二年级数学</div>
-        </div>
-        <div class="model-items">
-          <div class="model-items-left">
-            <div class="model-items-left-top">
-              <div>
-                <img src="../../assets/img/user.jpg" alt="" class="model-items-left-top-img">
-                <div style="display: inline-block">
-                  <div style="font-size: 24px">李大柱</div>
-                  <div class="model-items-left-top-number">等待学生：0</div>
-                </div>
-              </div>
-              <div> <el-button type="success">分配</el-button></div>
-            </div>
-          </div>
-          <div class="model-items-left">
-            <div class="model-items-left-top">
-              <div>
-                <img src="../../assets/img/user.jpg" alt="" class="model-items-left-top-img">
-                <div style="display: inline-block">
-                  <div style="font-size: 24px">李大柱</div>
-                  <div class="model-items-left-top-number">等待学生：0</div>
-                </div>
-              </div>
-              <div> <el-button type="success">分配</el-button></div>
-            </div>
+          <div class="model-manager">
+            <div>校区管理员</div>
+            <div><img src="../../assets/img/del@2x.png" alt=""></div>
           </div>
-        </div>
-
       </div>
     </div>
     <!--所有未批改作业-->
@@ -382,10 +355,11 @@
   }
   .model{
     z-index: 1001;
-    width:854px;
+    width:40%;
     height:auto;
-    position: relative;
-    /*right: auto;*/
+    position: fixed;
+    top: 30%;
+    left: 30%;
     margin:auto;
     background: #fff;
     border-radius:30px;
@@ -402,36 +376,11 @@
     font-size: 24px;
     justify-content: space-between;
   }
-  .model-items-left{
-    width: 45%;
+  .model-manager{
+    display: flex;
+    justify-content: space-between;
+    margin: 33px;
     color: #393939;
     font-size: 24px;
   }
-  .model-items-left-top{
-    display: flex;;
-    justify-content: space-between;
-
-  }
-  .model-items{
-    padding: 0 50px 10px 50px;
-    display: flex;;
-    justify-content: space-between;
-  }
-  .model-items-left-top-img{
-    width:68px;
-    height:68px;
-    border-radius:8px;
-    position: relative;
-    bottom: 25px;
-  }
-  .model-items-left-top-number{
-    color: #7E7E7E;
-    font-size: 18px;
-    margin-left: 10px;
-  }
-  .today-time{
-    color: #7E7E7E;
-    font-size: 18px;
-    margin: 0 20px;
-  }
 </style>