提交校区管理员页面

src/App.vue

@@ -34,7 +34,6 @@ export default {
 <style>
 @charset "utf-8";
 body,
-div,
 dl,
 dt,
 dd,

src/pages/home/SchoolManager.vue

@@ -1,15 +1,6 @@
 <!-- 活动解析 -->
 <template>
   <div>
-
-    <!--&lt;!&ndash; 筛选 &ndash;&gt;-->
-    <!--<div class="all_select">-->
-    <!--<h2 class="all_title" style="display: none">-->
-    <!--<div class="all_dot"></div>-->
-    <!--<p style="font-size: 16px">查询条件</p>-->
-    <!--</h2>-->
-    <!--</div>-->
-
     <!-- table 表格 -->
     <el-row :gutter="20" class="main-items" >
       <el-col class="aside" :span="4" :offset="1" style="padding: 0 !important;">
@@ -18,10 +9,10 @@
       <!--数据监控-->
       <el-col :span="18" class="main" v-if="checkindex == 0">
         <el-row :gutter="20" class="main-header">
-          <el-col :span="3"><div class="main-header-item" @click="isShow(1)">在线：6人</div></el-col>
-          <el-col :span="3"><div class="main-header-item" @click="isShow(2)">离线：26人</div></el-col>
-          <el-col :span="4"><div class="main-header-item"><span>离线：26人</span><a href="" class="main-header-link" >去分配</a></div></el-col>
-          <el-col :span="10" :offset="4">
+          <el-col :span="3"><div class="main-header-item" >在线：6人</div></el-col>
+          <el-col :span="3"><div class="main-header-item" >离线：26人</div></el-col>
+          <el-col :span="5"><div class="main-header-item"><span>分配未批改作业：4份</span><span class="main-header-link" @click="isShow(1)">去分配</span></div></el-col>
+          <el-col :span="10" :offset="3">
             <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
               <el-select v-model="select" slot="prepend" placeholder="选年级" minlength="20">
                 <el-option label="一年级" value="1"></el-option>
@@ -33,52 +24,51 @@
             </el-input>
           </el-col>
         </el-row>
-        <el-table
-          :data="dataList"
-          highlight-current-row
-          size="mini"
-          stripe
-        >
-          <el-table-column
-            label="头像"
-            header-align="center"
-          >
-            <template scope="scope">
-              <img :src="scope.row.img" alt="" class="table-img">
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="names"
-            label="姓名"
-            header-align="center"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="number"
-            label="等待学生数"
-            header-align="center"
-          ></el-table-column>
-          <el-table-column
-            prop="time"
-            label="作业最长等待时长"
-            header-align="center">
-          </el-table-column>
-          <el-table-column
-            prop="allTime"
-            label="累计批改时间"
-            header-align="center"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="rate"
-            label="响应速度"
-            header-align="center"></el-table-column>
-          <el-table-column
-            prop="status"
-            label="状态"
-            header-align="center"></el-table-column>
 
-        </el-table>
+        <el-row :gutter="20" class="main-header">
+          <el-col :span="24">
+            <div class="table">
+              <div class="table-head">
+                <div>头像</div>
+                <div>姓名</div>
+                <div>等待作业数</div>
+                <div>作业最长等待时长</div>
+                <div>累计批改时间</div>
+                <div>响应速度</div>
+                <div>状态</div>
+              </div>
+              <div class="tr">
+                <div class="tr-first">
+                  <div>
+                    <i :class="[isDown?'el-icon-caret-bottom':'el-icon-caret-top']" @click="dropDown()"></i>
+                    <img src="../../assets/img/user.jpg" alt="" class="table-img">
+                  </div>
+                  <div>颜如玉</div>
+                  <div>2份</div>
+                  <div class="tr-active">8:16</div>
+                  <div>12:30:04</div>
+                  <div>5:02/份</div>
+                  <div>在线</div>
+                </div>
+                <div class="tr-second" v-if="isDown">
+                      <div>1</div>
+                      <div>
+                        <span class="tr-second-check" @click="isShow(2)">查看</span>
+                        <span>赵同学</span>
+                      </div>
+                      <div>等待 8:16</div>
+                      <div>数学</div>
+                      <div>二年级</div>
+                      <div>未批改</div>
+                      <div>
+                        <el-button type="success" plain>去批改</el-button>
+                        <el-button type="success">去分配</el-button>
+                      </div>
+                </div>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
       </el-col>
       <!--当天-->
       <el-col :span="18" class="main" v-if="checkindex == 1">
@@ -322,6 +312,7 @@
         checkindex: 0,
         hiddenModel:false,
         isPigai:false,
+        isDown:false,
         ItemList: [
           {
             text:'数据监控'
@@ -407,6 +398,10 @@
           }
         }
       },
+      // 点击下拉
+      dropDown(){
+        this.isDown = !this.isDown;
+      },
       // 分页
       pageChange(val) {
         this.filters.pageNo = val;
@@ -479,11 +474,13 @@
     background-color: #fff;
     margin-top: 16px;
     padding: 0;
+    min-height: 880px;
   }
   .main{
     background-color: #fff;
     margin: 16px;
     padding: 0 !important;
+    min-height: 980px;
   }
   .table-aside{
     color: #666666;
@@ -507,6 +504,7 @@
     color: #52CC60;
     font-size: 18px;
     margin-left: 10px;
+    text-decoration:underline
   }
   .el-select{
     width: 100px;
@@ -522,13 +520,56 @@
   .el-input__inner{
     height: 32px;
   }
-  .cell{
-    font-size: 18px !important;
-  }
+
   .table-img{
     width:36px;
     height:36px;
     border-radius:6px;
+    margin-left: 14px;
+  }
+  .table{
+    width: 94.5%;
+    border-top:1px solid #E5E5E5;
+    margin: 0 43px;
+  }
+  .table-head{
+    color: #999999;
+    font-size: 18px;
+    text-align: center;
+    display: flex;
+    justify-content: space-around;
+  }
+  .table-head>div{
+    width: 13.528%;
+  }
+  .tr{
+    width: 100%;
+    color: #393939;
+    font-size: 20px;
+    text-align: center;
+  }
+  .tr-first{
+    display: flex;
+    justify-content: space-around;
+  }
+  .tr-first>div{
+    width: 13.528%;
+  }
+  .tr-second{
+    background-color: #FBFBFB;
+    margin: 0 115px;
+    display: flex;
+    justify-content: space-around;
+    color: #393939;
+    font-size: 20px;
+  }
+  .tr-second-check{
+    color: #3AB548;
+    font-size: 17px;
+    text-decoration: underline;
+  }
+  .tr-active{
+    color: #3AB548;
   }
   .showModel{
     width: 100%;
@@ -544,11 +585,12 @@
 
   }
   .model{
-    z-index: 1001;
-    width:854px;
+    z-index: 10000;
+    width:50%;
     height:auto;
-    position: relative;
-    /*right: auto;*/
+    position: fixed;
+    top: 30%;
+    left: 25%;
     margin:auto;
     background: #fff;
     border-radius:30px;

src/pages/home/TeacherApporval.vue

@@ -1,23 +1,437 @@
+<!-- 活动解析 -->
 <template>
   <div>
-    老师审核
+    <!-- table 表格 -->
+    <el-row :gutter="20" class="main-items" >
+
+      <!--数据监控-->
+      <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="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>
+        <el-table
+          :data="dataList"
+          highlight-current-row
+          size="medium"
+          border
+          stripe
+        >
+          <el-table-column
+            label="小组管理员"
+            header-align="center"
+          >
+            <template scope="scope">
+              <img :src="scope.row.img" alt="" class="table-img">
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="names"
+            label="小组人数"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="number"
+            label="老师出勤率"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="time"
+            label="作业批改总份数"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="allTime"
+            label="作业批改总张数"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="rate"
+            label="批改平均用时"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="家长平均评分"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="是否在线"
+            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>
+            </template>
+          </el-table-column>
+
+        </el-table>
+      </el-col>
+      <!-- 分页显示 -->
+      <!--<el-pagination-->
+      <!--background-->
+      <!--class="all_pagination"-->
+      <!--@size-change="handleSizeChange"-->
+      <!--@current-change="pageChange"-->
+      <!--:page-sizes="[10, 20, 30, 40]"-->
+      <!--:page-size="10"-->
+      <!--layout="total, sizes, prev, pager, next, jumper"-->
+      <!--:total="filters.count">-->
+      <!--</el-pagination>-->
+    </el-row>
+
+    <!--可分配老师-->
+    <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>
+        </div>
+
+      </div>
+    </div>
+    <!--所有未批改作业-->
+    <div class='showModel' @click="allShowModel(2)" v-if="isPigai"></div>
+    <div class='model' v-if="isPigai">
+      <div class='model-text'>
+        <div class="model-text-head">
+          <div>所有未批改作业</div>
+        </div>
+        <el-table
+          :data="tableData"
+          style="width: 100%">
+          <el-table-column
+            prop="date"
+            label="日期"
+            width="180">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="姓名"
+            width="180">
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="地址">
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
   </div>
 </template>
 <script>
-export default {
-  name: "model",
-  components: {},
-  props: {},
-  data() {
-    return {};
-  },
-  watch: {},
-  computed: {},
-  methods: {},
-  mounted() {}
-};
+  import { mapGetters, mapActions } from "vuex";
+  export default {
+    components: { },
+    name: "actvResolveLabel",
+    props: {},
+    data() {
+      return {
+        hiddenModel:false,
+        isPigai:false,
+        ItemList: [
+          {
+            text:'数据监控'
+          },
+          {
+            text:'当天'
+          },
+          {
+            text:'当月'
+          },
+        ],
+        dataList:[
+          {
+            img:'../../assets/img/user.jpg',
+            names:'阿三',
+            number:'3',
+            time:'14:22',
+            allTime:'14:22',
+            rate:'222',
+            status:'22'
+          },
+          {
+            img:'../../assets/img/user.jpg',
+            names:'阿三',
+            number:'3',
+            time:'14:22',
+            allTime:'14:22',
+            rate:'222',
+            status:'22'
+          }
+        ],
+        filters: {
+          actvNm: "",
+          actvCrtUserId: "",
+          actvType: "",
+          actvSmallType: "",
+          // 排序
+          pageNo: 1,
+          pageSize: 10,
+          count: 0,
+          orderField: "",
+          orderAD: ""
+        }
+      };
+    },
+    watch: {},
+    computed: {
+      ...mapGetters(["getUser"])
+    },
+    methods: {
+      ...mapActions(["setUser"]),
+      selectTitle(k) {
+        console.log(k);
+        this.checkindex = k;
+      },
+      isShow(str){
+        let _this = this;
+        console.log(str)
+        if (str == 1){
+          _this.hiddenModel = true;
+        } else if (str == 2){
+          _this.isPigai = true;
+        }
+
+      },
+      //关闭弹框
+      allShowModel(str) {
+        let _this = this;
+        if (str == 1){
+          _this.hiddenModel = false;
+        } else if (str == 2){
+          _this.isPigai = false;
+        }
+      },
+      //  输入框按键方法
+      keyCodeMethod(e) {
+        if (e.keyCode === 13) return this.itemListReshow();
+      },
+      expandChange(row, expandRows) {
+        for (let item of expandRows) {
+          if (row === item) {
+            this.expandRowKeys = [row.nodId];
+          }
+        }
+      },
+      // 分页
+      pageChange(val) {
+        this.filters.pageNo = val;
+        this.itemListReshow();
+      },
+      changeDateSlot(dateSlot) {
+        if (dateSlot) {
+          this.filters.startDate = dateSlot[0];
+          this.filters.endDate = dateSlot[1];
+        } else {
+          this.filters.startDate = null;
+          this.filters.endDate = null;
+        }
+      },
+      actvTypeChange(typeList) {
+        switch (typeList.length) {
+          case 1:
+            this.filters.actvType = typeList[0];
+            this.filters.actvSmallType = null;
+            break;
+          case 2:
+            this.filters.actvType = null;
+            this.filters.actvSmallType = typeList[1];
+            break;
+          default:
+            this.filters.actvType = null;
+            this.filters.actvSmallType = null;
+            break;
+        }
+      },
+      handleSizeChange(val) {
+        this.filters.pageSize = val;
+        this.itemListReshow();
+      },
+      // 排序
+      sortChange(sort) {
+        this.filters.orderField = sort.prop;
+        this.filters.orderAD = sort.order != null ? sort.order : "";
+        this.itemListReshow();
+      },
+      clearSearch() {
+        this.filters.actvNm = null;
+        this.filters.actvCrtUserId = null;
+        this.filters.actvType = null;
+        this.filters.actvSmallType = null;
+        this.filtersActvType = [];
+        this.createDateSlot = null;
+      },
+      // 获取创建人列表
+      // async getUserNameList() {
+      //   let {
+      //     userNameList = []
+      //   } = await this.$dao.actv.marketActDao.getUserNameList();
+      //   this.userNameList = userNameList || [];
+      //   let { list = [] } = await this.$dao.bsnsActvTypeAllList();
+      //   this.actvTypeList = list || [];
+      // }
+    },
+    mounted() {
+      // this.getsetDictByType2();
+      // this.getUserNameList();
+      // this.itemListReshow();
+    }
+  };
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
+
+  .main{
+    background-color: #fff;
+    margin-top: 16px;
+    padding: 0 !important;
+    border: 1px solid #E1E1E1;
+    min-height: 980px;
+  }
+  .table-aside{
+    color: #666666;
+    font-size: 18px;
+    text-align: center;
+    line-height: 60px;
+  }
+  el-table{
+    color: #999999;
+    font-size: 18px;
+  }
+  .main-items{
+    color: #393939;
+    text-align: center;
+    line-height: 80px;
+  }
+  .main-header-item{
+    font-size: 16px;
+    color: #7E7E7E;
+  }
+  .main-header-link{
+    color: #52CC60;
+    font-size: 18px;
+    margin-left: 10px;
+    text-decoration:underline
+  }
+  .el-select{
+    width: 100px;
+    margin: 0 5px;
+  }
+  .input-with-select .el-input-group__prepend {
+    background-color: #fff;
+  }
+  .active{
+    background-color: #52CC60;
+    color: #fff;
+  }
+  .el-input__inner{
+    height: 32px;
+  }
+  .cell{
+    font-size: 18px !important;
+  }
+  .table-img{
+    width:36px;
+    height:36px;
+    border-radius:6px;
+  }
+  .showModel{
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    background: #000000;
+    opacity: 0.2;
+    overflow: hidden;
+    z-index: 1000;
+    color: #fff;
+
+  }
+  .model{
+    z-index: 1001;
+    width:854px;
+    height:auto;
+    position: relative;
+    /*right: auto;*/
+    margin:auto;
+    background: #fff;
+    border-radius:30px;
+    text-align: center;
+  }
+  .model-text{
+    background:rgba(255,255,255,1);
+    border-radius:10px;
+  }
+  .model-text-head{
+    padding: 40px 50px;
+    display: flex;
+    color: #393939;
+    font-size: 24px;
+    justify-content: space-between;
+  }
+  .model-items-left{
+    width: 45%;
+    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>

src/pages/super/CheckTeacherAudit.vue

@@ -0,0 +1,592 @@
+<!-- 活动解析 -->
+<template>
+  <div>
+    <!-- table 表格 -->
+    <el-row :gutter="20" class="main-items" >
+      <el-col class="aside" :span="4" :offset="1" style="padding: 0 !important;">
+        <div class="table-aside" v-for='(v, k) in ItemList' :key='k' :class="{active:k == checkindex}" @click="selectTitle(k)">{{v.text}}</div>
+      </el-col>
+      <!--数据监控-->
+      <el-col :span="18" class="main" v-if="checkindex == 0">
+        <el-row :gutter="20" class="main-header">
+          <el-col :span="3"><div class="main-header-item" @click="isShow(1)">在线：6人</div></el-col>
+          <el-col :span="3"><div class="main-header-item" @click="isShow(2)">离线：26人</div></el-col>
+          <el-col :span="5"><div class="main-header-item"><span>分配未批改作业：4份</span><a href="" class="main-header-link" >去分配</a></div></el-col>
+          <el-col :span="10" :offset="3">
+            <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
+              <el-select v-model="select" slot="prepend" placeholder="选年级" minlength="20">
+                <el-option label="一年级" value="1"></el-option>
+              </el-select>
+              <el-select v-model="select" slot="prepend" placeholder="选科目" minlength="20">
+                <el-option label="数学" value="1"></el-option>
+              </el-select>
+              <el-button slot="append" icon="el-icon-search"></el-button>
+            </el-input>
+          </el-col>
+        </el-row>
+        <el-table
+          :data="dataList"
+          highlight-current-row
+          size="mini"
+          stripe
+        >
+          <el-table-column
+            label="头像"
+            header-align="center"
+          >
+            <template scope="scope">
+              <img :src="scope.row.img" alt="" class="table-img">
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="names"
+            label="姓名"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="number"
+            label="等待学生数"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="time"
+            label="作业最长等待时长"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="allTime"
+            label="累计批改时间"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="rate"
+            label="响应速度"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="状态"
+            header-align="center"></el-table-column>
+
+        </el-table>
+      </el-col>
+      <!--当天-->
+      <el-col :span="18" class="main" v-if="checkindex == 1">
+        <el-row :gutter="20" class="main-header">
+          <el-col :span="5"><div class="main-header-item" @click="isShow(1)">今日报错总次数:：6人</div></el-col>
+          <el-col :span="10" :offset="5">
+            <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
+              <el-select v-model="select" slot="prepend" placeholder="选年级" minlength="20">
+                <el-option label="一年级" value="1"></el-option>
+              </el-select>
+              <el-select v-model="select" slot="prepend" placeholder="选科目" minlength="20">
+                <el-option label="数学" value="1"></el-option>
+              </el-select>
+              <el-button slot="append" icon="el-icon-search"></el-button>
+            </el-input>
+          </el-col>
+          <el-col :span="4">
+            <i class="el-icon-d-arrow-left"></i>
+            <span class="today-time">2019-02-04</span>
+            <i class="el-icon-d-arrow-right"></i>
+          </el-col>
+        </el-row>
+        <el-table
+          :data="dataList"
+          highlight-current-row
+          size="mini"
+          stripe
+        >
+          <el-table-column
+            label="头像"
+            header-align="center"
+          >
+            <template scope="scope">
+              <img :src="scope.row.img" alt="" class="table-img">
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="names"
+            label="姓名"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="number"
+            label="被报错"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="time"
+            label="科目"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="allTime"
+            label="批改总份数"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="rate"
+            label="批改总张数"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="平均批改时间"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="出勤"
+            header-align="center"></el-table-column>
+
+        </el-table>
+      </el-col>
+      <!--当月-->
+      <el-col :span="18" class="main" v-if="checkindex == 2">
+        <el-row :gutter="20" class="main-header">
+          <el-col :span="5"><div class="main-header-item" @click="isShow(1)">当月报错总次数：6人</div></el-col>
+          <el-col :span="10" :offset="5">
+            <el-input placeholder="请输入老师" v-model="input3" class="input-with-select">
+              <el-select v-model="select" slot="prepend" placeholder="选年级" minlength="20">
+                <el-option label="一年级" value="1"></el-option>
+              </el-select>
+              <el-select v-model="select" slot="prepend" placeholder="选科目" minlength="20">
+                <el-option label="数学" value="1"></el-option>
+              </el-select>
+              <el-button slot="append" icon="el-icon-search"></el-button>
+            </el-input>
+          </el-col>
+          <el-col :span="4">
+            <i class="el-icon-d-arrow-left"></i>
+            <span class="today-time">2019-02-04</span>
+            <i class="el-icon-d-arrow-right"></i>
+          </el-col>
+        </el-row>
+        <el-table
+          :data="dataList"
+          highlight-current-row
+          size="mini"
+          stripe
+        >
+          <el-table-column
+            label="头像"
+            header-align="center"
+          >
+            <template scope="scope">
+              <img :src="scope.row.img" alt="" class="table-img">
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="names"
+            label="姓名"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="number"
+            label="被报错"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="time"
+            label="科目"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="allTime"
+            label="批改总份数"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="rate"
+            label="批改总张数"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="正确率"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="满意度"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="平均批改时间"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="出勤率"
+            header-align="center"></el-table-column>
+
+        </el-table>
+      </el-col>
+      <!-- 分页显示 -->
+      <!--<el-pagination-->
+      <!--background-->
+      <!--class="all_pagination"-->
+      <!--@size-change="handleSizeChange"-->
+      <!--@current-change="pageChange"-->
+      <!--:page-sizes="[10, 20, 30, 40]"-->
+      <!--:page-size="10"-->
+      <!--layout="total, sizes, prev, pager, next, jumper"-->
+      <!--:total="filters.count">-->
+      <!--</el-pagination>-->
+    </el-row>
+
+    <!--可分配老师-->
+    <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>
+        </div>
+
+      </div>
+    </div>
+    <!--所有未批改作业-->
+    <div class='showModel' @click="allShowModel(2)" v-if="isPigai"></div>
+    <div class='model' v-if="isPigai">
+      <div class='model-text'>
+        <div class="model-text-head">
+          <div>所有未批改作业</div>
+        </div>
+        <el-table
+          :data="tableData"
+          style="width: 100%">
+          <el-table-column
+            prop="date"
+            label="日期"
+            width="180">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="姓名"
+            width="180">
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="地址">
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import { mapGetters, mapActions } from "vuex";
+  export default {
+    components: { },
+    name: "actvResolveLabel",
+    props: {},
+    data() {
+      return {
+        checkindex: 0,
+        hiddenModel:false,
+        isPigai:false,
+        ItemList: [
+          {
+            text:'数据监控'
+          },
+          {
+            text:'当天'
+          },
+          {
+            text:'当月'
+          },
+        ],
+        dataList:[
+          {
+            img:'../../assets/img/user.jpg',
+            names:'阿三',
+            number:'3',
+            time:'14:22',
+            allTime:'14:22',
+            rate:'222',
+            status:'22'
+          },
+          {
+            img:'../../assets/img/user.jpg',
+            names:'阿三',
+            number:'3',
+            time:'14:22',
+            allTime:'14:22',
+            rate:'222',
+            status:'22'
+          }
+        ],
+        filters: {
+          actvNm: "",
+          actvCrtUserId: "",
+          actvType: "",
+          actvSmallType: "",
+          // 排序
+          pageNo: 1,
+          pageSize: 10,
+          count: 0,
+          orderField: "",
+          orderAD: ""
+        }
+      };
+    },
+    watch: {},
+    computed: {
+      ...mapGetters(["getUser"])
+    },
+    methods: {
+      ...mapActions(["setUser"]),
+      selectTitle(k) {
+        console.log(k);
+        this.checkindex = k;
+      },
+      isShow(str){
+        let _this = this;
+        console.log(str)
+        if (str == 1){
+          _this.hiddenModel = true;
+        } else if (str == 2){
+          _this.isPigai = true;
+        }
+
+      },
+      //关闭弹框
+      allShowModel(str) {
+        let _this = this;
+        if (str == 1){
+          _this.hiddenModel = false;
+        } else if (str == 2){
+          _this.isPigai = false;
+        }
+      },
+      //  输入框按键方法
+      keyCodeMethod(e) {
+        if (e.keyCode === 13) return this.itemListReshow();
+      },
+      expandChange(row, expandRows) {
+        for (let item of expandRows) {
+          if (row === item) {
+            this.expandRowKeys = [row.nodId];
+          }
+        }
+      },
+      // 分页
+      pageChange(val) {
+        this.filters.pageNo = val;
+        this.itemListReshow();
+      },
+      changeDateSlot(dateSlot) {
+        if (dateSlot) {
+          this.filters.startDate = dateSlot[0];
+          this.filters.endDate = dateSlot[1];
+        } else {
+          this.filters.startDate = null;
+          this.filters.endDate = null;
+        }
+      },
+      actvTypeChange(typeList) {
+        switch (typeList.length) {
+          case 1:
+            this.filters.actvType = typeList[0];
+            this.filters.actvSmallType = null;
+            break;
+          case 2:
+            this.filters.actvType = null;
+            this.filters.actvSmallType = typeList[1];
+            break;
+          default:
+            this.filters.actvType = null;
+            this.filters.actvSmallType = null;
+            break;
+        }
+      },
+      handleSizeChange(val) {
+        this.filters.pageSize = val;
+        this.itemListReshow();
+      },
+      // 排序
+      sortChange(sort) {
+        this.filters.orderField = sort.prop;
+        this.filters.orderAD = sort.order != null ? sort.order : "";
+        this.itemListReshow();
+      },
+      clearSearch() {
+        this.filters.actvNm = null;
+        this.filters.actvCrtUserId = null;
+        this.filters.actvType = null;
+        this.filters.actvSmallType = null;
+        this.filtersActvType = [];
+        this.createDateSlot = null;
+      },
+      // 获取创建人列表
+      // async getUserNameList() {
+      //   let {
+      //     userNameList = []
+      //   } = await this.$dao.actv.marketActDao.getUserNameList();
+      //   this.userNameList = userNameList || [];
+      //   let { list = [] } = await this.$dao.bsnsActvTypeAllList();
+      //   this.actvTypeList = list || [];
+      // }
+    },
+    mounted() {
+      // this.getsetDictByType2();
+      // this.getUserNameList();
+      // this.itemListReshow();
+    }
+  };
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+  .aside{
+    background-color: #fff;
+    margin-top: 16px;
+    padding: 0;
+  }
+  .main{
+    background-color: #fff;
+    margin: 16px;
+    padding: 0 !important;
+  }
+  .table-aside{
+    color: #666666;
+    font-size: 18px;
+    text-align: center;
+    line-height: 60px;
+  }
+  el-table{
+    color: #999999;
+    font-size: 18px;
+  }
+  .main-items{
+    color: #393939;
+    text-align: center;
+    line-height: 80px;
+  }
+  .main-header-item{
+    font-size: 20px;
+  }
+  .main-header-link{
+    color: #52CC60;
+    font-size: 18px;
+    margin-left: 10px;
+    text-decoration:underline
+  }
+  .el-select{
+    width: 100px;
+    margin: 0 5px;
+  }
+  .input-with-select .el-input-group__prepend {
+    background-color: #fff;
+  }
+  .active{
+    background-color: #52CC60;
+    color: #fff;
+  }
+  .el-input__inner{
+    height: 32px;
+  }
+  .cell{
+    font-size: 18px !important;
+  }
+  .table-img{
+    width:36px;
+    height:36px;
+    border-radius:6px;
+  }
+  .showModel{
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    background: #000000;
+    opacity: 0.2;
+    overflow: hidden;
+    z-index: 1000;
+    color: #fff;
+
+  }
+  .model{
+    z-index: 1001;
+    width:854px;
+    height:auto;
+    position: relative;
+    /*right: auto;*/
+    margin:auto;
+    background: #fff;
+    border-radius:30px;
+    text-align: center;
+  }
+  .model-text{
+    background:rgba(255,255,255,1);
+    border-radius:10px;
+  }
+  .model-text-head{
+    padding: 40px 50px;
+    display: flex;
+    color: #393939;
+    font-size: 24px;
+    justify-content: space-between;
+  }
+  .model-items-left{
+    width: 45%;
+    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>

src/pages/super/CheckTeacherPay.vue

@@ -0,0 +1,592 @@
+<!-- 活动解析 -->
+<template>
+  <div>
+    <!-- table 表格 -->
+    <el-row :gutter="20" class="main-items" >
+      <el-col class="aside" :span="4" :offset="1" style="padding: 0 !important;">
+        <div class="table-aside" v-for='(v, k) in ItemList' :key='k' :class="{active:k == checkindex}" @click="selectTitle(k)">{{v.text}}</div>
+      </el-col>
+      <!--数据监控-->
+      <el-col :span="18" class="main" v-if="checkindex == 0">
+        <el-row :gutter="20" class="main-header">
+          <el-col :span="3"><div class="main-header-item" @click="isShow(1)">在线：6人</div></el-col>
+          <el-col :span="3"><div class="main-header-item" @click="isShow(2)">离线：26人</div></el-col>
+          <el-col :span="5"><div class="main-header-item"><span>分配未批改作业：4份</span><a href="" class="main-header-link" >去分配</a></div></el-col>
+          <el-col :span="10" :offset="3">
+            <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
+              <el-select v-model="select" slot="prepend" placeholder="选年级" minlength="20">
+                <el-option label="一年级" value="1"></el-option>
+              </el-select>
+              <el-select v-model="select" slot="prepend" placeholder="选科目" minlength="20">
+                <el-option label="数学" value="1"></el-option>
+              </el-select>
+              <el-button slot="append" icon="el-icon-search"></el-button>
+            </el-input>
+          </el-col>
+        </el-row>
+        <el-table
+          :data="dataList"
+          highlight-current-row
+          size="mini"
+          stripe
+        >
+          <el-table-column
+            label="头像"
+            header-align="center"
+          >
+            <template scope="scope">
+              <img :src="scope.row.img" alt="" class="table-img">
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="names"
+            label="姓名"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="number"
+            label="等待学生数"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="time"
+            label="作业最长等待时长"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="allTime"
+            label="累计批改时间"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="rate"
+            label="响应速度"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="状态"
+            header-align="center"></el-table-column>
+
+        </el-table>
+      </el-col>
+      <!--当天-->
+      <el-col :span="18" class="main" v-if="checkindex == 1">
+        <el-row :gutter="20" class="main-header">
+          <el-col :span="5"><div class="main-header-item" @click="isShow(1)">今日报错总次数:：6人</div></el-col>
+          <el-col :span="10" :offset="5">
+            <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
+              <el-select v-model="select" slot="prepend" placeholder="选年级" minlength="20">
+                <el-option label="一年级" value="1"></el-option>
+              </el-select>
+              <el-select v-model="select" slot="prepend" placeholder="选科目" minlength="20">
+                <el-option label="数学" value="1"></el-option>
+              </el-select>
+              <el-button slot="append" icon="el-icon-search"></el-button>
+            </el-input>
+          </el-col>
+          <el-col :span="4">
+            <i class="el-icon-d-arrow-left"></i>
+            <span class="today-time">2019-02-04</span>
+            <i class="el-icon-d-arrow-right"></i>
+          </el-col>
+        </el-row>
+        <el-table
+          :data="dataList"
+          highlight-current-row
+          size="mini"
+          stripe
+        >
+          <el-table-column
+            label="头像"
+            header-align="center"
+          >
+            <template scope="scope">
+              <img :src="scope.row.img" alt="" class="table-img">
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="names"
+            label="姓名"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="number"
+            label="被报错"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="time"
+            label="科目"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="allTime"
+            label="批改总份数"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="rate"
+            label="批改总张数"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="平均批改时间"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="出勤"
+            header-align="center"></el-table-column>
+
+        </el-table>
+      </el-col>
+      <!--当月-->
+      <el-col :span="18" class="main" v-if="checkindex == 2">
+        <el-row :gutter="20" class="main-header">
+          <el-col :span="5"><div class="main-header-item" @click="isShow(1)">当月报错总次数：6人</div></el-col>
+          <el-col :span="10" :offset="5">
+            <el-input placeholder="请输入老师" v-model="input3" class="input-with-select">
+              <el-select v-model="select" slot="prepend" placeholder="选年级" minlength="20">
+                <el-option label="一年级" value="1"></el-option>
+              </el-select>
+              <el-select v-model="select" slot="prepend" placeholder="选科目" minlength="20">
+                <el-option label="数学" value="1"></el-option>
+              </el-select>
+              <el-button slot="append" icon="el-icon-search"></el-button>
+            </el-input>
+          </el-col>
+          <el-col :span="4">
+            <i class="el-icon-d-arrow-left"></i>
+            <span class="today-time">2019-02-04</span>
+            <i class="el-icon-d-arrow-right"></i>
+          </el-col>
+        </el-row>
+        <el-table
+          :data="dataList"
+          highlight-current-row
+          size="mini"
+          stripe
+        >
+          <el-table-column
+            label="头像"
+            header-align="center"
+          >
+            <template scope="scope">
+              <img :src="scope.row.img" alt="" class="table-img">
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="names"
+            label="姓名"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="number"
+            label="被报错"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="time"
+            label="科目"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="allTime"
+            label="批改总份数"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="rate"
+            label="批改总张数"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="正确率"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="满意度"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="平均批改时间"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="出勤率"
+            header-align="center"></el-table-column>
+
+        </el-table>
+      </el-col>
+      <!-- 分页显示 -->
+      <!--<el-pagination-->
+      <!--background-->
+      <!--class="all_pagination"-->
+      <!--@size-change="handleSizeChange"-->
+      <!--@current-change="pageChange"-->
+      <!--:page-sizes="[10, 20, 30, 40]"-->
+      <!--:page-size="10"-->
+      <!--layout="total, sizes, prev, pager, next, jumper"-->
+      <!--:total="filters.count">-->
+      <!--</el-pagination>-->
+    </el-row>
+
+    <!--可分配老师-->
+    <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>
+        </div>
+
+      </div>
+    </div>
+    <!--所有未批改作业-->
+    <div class='showModel' @click="allShowModel(2)" v-if="isPigai"></div>
+    <div class='model' v-if="isPigai">
+      <div class='model-text'>
+        <div class="model-text-head">
+          <div>所有未批改作业</div>
+        </div>
+        <el-table
+          :data="tableData"
+          style="width: 100%">
+          <el-table-column
+            prop="date"
+            label="日期"
+            width="180">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="姓名"
+            width="180">
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="地址">
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import { mapGetters, mapActions } from "vuex";
+  export default {
+    components: { },
+    name: "actvResolveLabel",
+    props: {},
+    data() {
+      return {
+        checkindex: 0,
+        hiddenModel:false,
+        isPigai:false,
+        ItemList: [
+          {
+            text:'数据监控'
+          },
+          {
+            text:'当天'
+          },
+          {
+            text:'当月'
+          },
+        ],
+        dataList:[
+          {
+            img:'../../assets/img/user.jpg',
+            names:'阿三',
+            number:'3',
+            time:'14:22',
+            allTime:'14:22',
+            rate:'222',
+            status:'22'
+          },
+          {
+            img:'../../assets/img/user.jpg',
+            names:'阿三',
+            number:'3',
+            time:'14:22',
+            allTime:'14:22',
+            rate:'222',
+            status:'22'
+          }
+        ],
+        filters: {
+          actvNm: "",
+          actvCrtUserId: "",
+          actvType: "",
+          actvSmallType: "",
+          // 排序
+          pageNo: 1,
+          pageSize: 10,
+          count: 0,
+          orderField: "",
+          orderAD: ""
+        }
+      };
+    },
+    watch: {},
+    computed: {
+      ...mapGetters(["getUser"])
+    },
+    methods: {
+      ...mapActions(["setUser"]),
+      selectTitle(k) {
+        console.log(k);
+        this.checkindex = k;
+      },
+      isShow(str){
+        let _this = this;
+        console.log(str)
+        if (str == 1){
+          _this.hiddenModel = true;
+        } else if (str == 2){
+          _this.isPigai = true;
+        }
+
+      },
+      //关闭弹框
+      allShowModel(str) {
+        let _this = this;
+        if (str == 1){
+          _this.hiddenModel = false;
+        } else if (str == 2){
+          _this.isPigai = false;
+        }
+      },
+      //  输入框按键方法
+      keyCodeMethod(e) {
+        if (e.keyCode === 13) return this.itemListReshow();
+      },
+      expandChange(row, expandRows) {
+        for (let item of expandRows) {
+          if (row === item) {
+            this.expandRowKeys = [row.nodId];
+          }
+        }
+      },
+      // 分页
+      pageChange(val) {
+        this.filters.pageNo = val;
+        this.itemListReshow();
+      },
+      changeDateSlot(dateSlot) {
+        if (dateSlot) {
+          this.filters.startDate = dateSlot[0];
+          this.filters.endDate = dateSlot[1];
+        } else {
+          this.filters.startDate = null;
+          this.filters.endDate = null;
+        }
+      },
+      actvTypeChange(typeList) {
+        switch (typeList.length) {
+          case 1:
+            this.filters.actvType = typeList[0];
+            this.filters.actvSmallType = null;
+            break;
+          case 2:
+            this.filters.actvType = null;
+            this.filters.actvSmallType = typeList[1];
+            break;
+          default:
+            this.filters.actvType = null;
+            this.filters.actvSmallType = null;
+            break;
+        }
+      },
+      handleSizeChange(val) {
+        this.filters.pageSize = val;
+        this.itemListReshow();
+      },
+      // 排序
+      sortChange(sort) {
+        this.filters.orderField = sort.prop;
+        this.filters.orderAD = sort.order != null ? sort.order : "";
+        this.itemListReshow();
+      },
+      clearSearch() {
+        this.filters.actvNm = null;
+        this.filters.actvCrtUserId = null;
+        this.filters.actvType = null;
+        this.filters.actvSmallType = null;
+        this.filtersActvType = [];
+        this.createDateSlot = null;
+      },
+      // 获取创建人列表
+      // async getUserNameList() {
+      //   let {
+      //     userNameList = []
+      //   } = await this.$dao.actv.marketActDao.getUserNameList();
+      //   this.userNameList = userNameList || [];
+      //   let { list = [] } = await this.$dao.bsnsActvTypeAllList();
+      //   this.actvTypeList = list || [];
+      // }
+    },
+    mounted() {
+      // this.getsetDictByType2();
+      // this.getUserNameList();
+      // this.itemListReshow();
+    }
+  };
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+  .aside{
+    background-color: #fff;
+    margin-top: 16px;
+    padding: 0;
+  }
+  .main{
+    background-color: #fff;
+    margin: 16px;
+    padding: 0 !important;
+  }
+  .table-aside{
+    color: #666666;
+    font-size: 18px;
+    text-align: center;
+    line-height: 60px;
+  }
+  el-table{
+    color: #999999;
+    font-size: 18px;
+  }
+  .main-items{
+    color: #393939;
+    text-align: center;
+    line-height: 80px;
+  }
+  .main-header-item{
+    font-size: 20px;
+  }
+  .main-header-link{
+    color: #52CC60;
+    font-size: 18px;
+    margin-left: 10px;
+    text-decoration:underline
+  }
+  .el-select{
+    width: 100px;
+    margin: 0 5px;
+  }
+  .input-with-select .el-input-group__prepend {
+    background-color: #fff;
+  }
+  .active{
+    background-color: #52CC60;
+    color: #fff;
+  }
+  .el-input__inner{
+    height: 32px;
+  }
+  .cell{
+    font-size: 18px !important;
+  }
+  .table-img{
+    width:36px;
+    height:36px;
+    border-radius:6px;
+  }
+  .showModel{
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    background: #000000;
+    opacity: 0.2;
+    overflow: hidden;
+    z-index: 1000;
+    color: #fff;
+
+  }
+  .model{
+    z-index: 1001;
+    width:854px;
+    height:auto;
+    position: relative;
+    /*right: auto;*/
+    margin:auto;
+    background: #fff;
+    border-radius:30px;
+    text-align: center;
+  }
+  .model-text{
+    background:rgba(255,255,255,1);
+    border-radius:10px;
+  }
+  .model-text-head{
+    padding: 40px 50px;
+    display: flex;
+    color: #393939;
+    font-size: 24px;
+    justify-content: space-between;
+  }
+  .model-items-left{
+    width: 45%;
+    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>

src/pages/super/SuperAdmin.vue

@@ -0,0 +1,592 @@
+<!-- 活动解析 -->
+<template>
+  <div>
+    <!-- table 表格 -->
+    <el-row :gutter="20" class="main-items" >
+      <el-col class="aside" :span="4" :offset="1" style="padding: 0 !important;">
+        <div class="table-aside" v-for='(v, k) in ItemList' :key='k' :class="{active:k == checkindex}" @click="selectTitle(k)">{{v.text}}</div>
+      </el-col>
+      <!--数据监控-->
+      <el-col :span="18" class="main" v-if="checkindex == 0">
+        <el-row :gutter="20" class="main-header">
+          <el-col :span="3"><div class="main-header-item" @click="isShow(1)">在线：6人</div></el-col>
+          <el-col :span="3"><div class="main-header-item" @click="isShow(2)">离线：26人</div></el-col>
+          <el-col :span="5"><div class="main-header-item"><span>分配未批改作业：4份</span><a href="" class="main-header-link" >去分配</a></div></el-col>
+          <el-col :span="10" :offset="3">
+            <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
+              <el-select v-model="select" slot="prepend" placeholder="选年级" minlength="20">
+                <el-option label="一年级" value="1"></el-option>
+              </el-select>
+              <el-select v-model="select" slot="prepend" placeholder="选科目" minlength="20">
+                <el-option label="数学" value="1"></el-option>
+              </el-select>
+              <el-button slot="append" icon="el-icon-search"></el-button>
+            </el-input>
+          </el-col>
+        </el-row>
+        <el-table
+          :data="dataList"
+          highlight-current-row
+          size="mini"
+          stripe
+        >
+          <el-table-column
+            label="头像"
+            header-align="center"
+          >
+            <template scope="scope">
+              <img :src="scope.row.img" alt="" class="table-img">
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="names"
+            label="姓名"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="number"
+            label="等待学生数"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="time"
+            label="作业最长等待时长"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="allTime"
+            label="累计批改时间"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="rate"
+            label="响应速度"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="状态"
+            header-align="center"></el-table-column>
+
+        </el-table>
+      </el-col>
+      <!--当天-->
+      <el-col :span="18" class="main" v-if="checkindex == 1">
+        <el-row :gutter="20" class="main-header">
+          <el-col :span="5"><div class="main-header-item" @click="isShow(1)">今日报错总次数:：6人</div></el-col>
+          <el-col :span="10" :offset="5">
+            <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
+              <el-select v-model="select" slot="prepend" placeholder="选年级" minlength="20">
+                <el-option label="一年级" value="1"></el-option>
+              </el-select>
+              <el-select v-model="select" slot="prepend" placeholder="选科目" minlength="20">
+                <el-option label="数学" value="1"></el-option>
+              </el-select>
+              <el-button slot="append" icon="el-icon-search"></el-button>
+            </el-input>
+          </el-col>
+          <el-col :span="4">
+            <i class="el-icon-d-arrow-left"></i>
+            <span class="today-time">2019-02-04</span>
+            <i class="el-icon-d-arrow-right"></i>
+          </el-col>
+        </el-row>
+        <el-table
+          :data="dataList"
+          highlight-current-row
+          size="mini"
+          stripe
+        >
+          <el-table-column
+            label="头像"
+            header-align="center"
+          >
+            <template scope="scope">
+              <img :src="scope.row.img" alt="" class="table-img">
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="names"
+            label="姓名"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="number"
+            label="被报错"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="time"
+            label="科目"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="allTime"
+            label="批改总份数"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="rate"
+            label="批改总张数"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="平均批改时间"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="出勤"
+            header-align="center"></el-table-column>
+
+        </el-table>
+      </el-col>
+      <!--当月-->
+      <el-col :span="18" class="main" v-if="checkindex == 2">
+        <el-row :gutter="20" class="main-header">
+          <el-col :span="5"><div class="main-header-item" @click="isShow(1)">当月报错总次数：6人</div></el-col>
+          <el-col :span="10" :offset="5">
+            <el-input placeholder="请输入老师" v-model="input3" class="input-with-select">
+              <el-select v-model="select" slot="prepend" placeholder="选年级" minlength="20">
+                <el-option label="一年级" value="1"></el-option>
+              </el-select>
+              <el-select v-model="select" slot="prepend" placeholder="选科目" minlength="20">
+                <el-option label="数学" value="1"></el-option>
+              </el-select>
+              <el-button slot="append" icon="el-icon-search"></el-button>
+            </el-input>
+          </el-col>
+          <el-col :span="4">
+            <i class="el-icon-d-arrow-left"></i>
+            <span class="today-time">2019-02-04</span>
+            <i class="el-icon-d-arrow-right"></i>
+          </el-col>
+        </el-row>
+        <el-table
+          :data="dataList"
+          highlight-current-row
+          size="mini"
+          stripe
+        >
+          <el-table-column
+            label="头像"
+            header-align="center"
+          >
+            <template scope="scope">
+              <img :src="scope.row.img" alt="" class="table-img">
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="names"
+            label="姓名"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="number"
+            label="被报错"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="time"
+            label="科目"
+            header-align="center">
+          </el-table-column>
+          <el-table-column
+            prop="allTime"
+            label="批改总份数"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="rate"
+            label="批改总张数"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="正确率"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="满意度"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="平均批改时间"
+            header-align="center"></el-table-column>
+          <el-table-column
+            prop="status"
+            label="出勤率"
+            header-align="center"></el-table-column>
+
+        </el-table>
+      </el-col>
+      <!-- 分页显示 -->
+      <!--<el-pagination-->
+      <!--background-->
+      <!--class="all_pagination"-->
+      <!--@size-change="handleSizeChange"-->
+      <!--@current-change="pageChange"-->
+      <!--:page-sizes="[10, 20, 30, 40]"-->
+      <!--:page-size="10"-->
+      <!--layout="total, sizes, prev, pager, next, jumper"-->
+      <!--:total="filters.count">-->
+      <!--</el-pagination>-->
+    </el-row>
+
+    <!--可分配老师-->
+    <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>
+        </div>
+
+      </div>
+    </div>
+    <!--所有未批改作业-->
+    <div class='showModel' @click="allShowModel(2)" v-if="isPigai"></div>
+    <div class='model' v-if="isPigai">
+      <div class='model-text'>
+        <div class="model-text-head">
+          <div>所有未批改作业</div>
+        </div>
+        <el-table
+          :data="tableData"
+          style="width: 100%">
+          <el-table-column
+            prop="date"
+            label="日期"
+            width="180">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="姓名"
+            width="180">
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="地址">
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import { mapGetters, mapActions } from "vuex";
+  export default {
+    components: { },
+    name: "actvResolveLabel",
+    props: {},
+    data() {
+      return {
+        checkindex: 0,
+        hiddenModel:false,
+        isPigai:false,
+        ItemList: [
+          {
+            text:'数据监控'
+          },
+          {
+            text:'当天'
+          },
+          {
+            text:'当月'
+          },
+        ],
+        dataList:[
+          {
+            img:'../../assets/img/user.jpg',
+            names:'阿三',
+            number:'3',
+            time:'14:22',
+            allTime:'14:22',
+            rate:'222',
+            status:'22'
+          },
+          {
+            img:'../../assets/img/user.jpg',
+            names:'阿三',
+            number:'3',
+            time:'14:22',
+            allTime:'14:22',
+            rate:'222',
+            status:'22'
+          }
+        ],
+        filters: {
+          actvNm: "",
+          actvCrtUserId: "",
+          actvType: "",
+          actvSmallType: "",
+          // 排序
+          pageNo: 1,
+          pageSize: 10,
+          count: 0,
+          orderField: "",
+          orderAD: ""
+        }
+      };
+    },
+    watch: {},
+    computed: {
+      ...mapGetters(["getUser"])
+    },
+    methods: {
+      ...mapActions(["setUser"]),
+      selectTitle(k) {
+        console.log(k);
+        this.checkindex = k;
+      },
+      isShow(str){
+        let _this = this;
+        console.log(str)
+        if (str == 1){
+          _this.hiddenModel = true;
+        } else if (str == 2){
+          _this.isPigai = true;
+        }
+
+      },
+      //关闭弹框
+      allShowModel(str) {
+        let _this = this;
+        if (str == 1){
+          _this.hiddenModel = false;
+        } else if (str == 2){
+          _this.isPigai = false;
+        }
+      },
+      //  输入框按键方法
+      keyCodeMethod(e) {
+        if (e.keyCode === 13) return this.itemListReshow();
+      },
+      expandChange(row, expandRows) {
+        for (let item of expandRows) {
+          if (row === item) {
+            this.expandRowKeys = [row.nodId];
+          }
+        }
+      },
+      // 分页
+      pageChange(val) {
+        this.filters.pageNo = val;
+        this.itemListReshow();
+      },
+      changeDateSlot(dateSlot) {
+        if (dateSlot) {
+          this.filters.startDate = dateSlot[0];
+          this.filters.endDate = dateSlot[1];
+        } else {
+          this.filters.startDate = null;
+          this.filters.endDate = null;
+        }
+      },
+      actvTypeChange(typeList) {
+        switch (typeList.length) {
+          case 1:
+            this.filters.actvType = typeList[0];
+            this.filters.actvSmallType = null;
+            break;
+          case 2:
+            this.filters.actvType = null;
+            this.filters.actvSmallType = typeList[1];
+            break;
+          default:
+            this.filters.actvType = null;
+            this.filters.actvSmallType = null;
+            break;
+        }
+      },
+      handleSizeChange(val) {
+        this.filters.pageSize = val;
+        this.itemListReshow();
+      },
+      // 排序
+      sortChange(sort) {
+        this.filters.orderField = sort.prop;
+        this.filters.orderAD = sort.order != null ? sort.order : "";
+        this.itemListReshow();
+      },
+      clearSearch() {
+        this.filters.actvNm = null;
+        this.filters.actvCrtUserId = null;
+        this.filters.actvType = null;
+        this.filters.actvSmallType = null;
+        this.filtersActvType = [];
+        this.createDateSlot = null;
+      },
+      // 获取创建人列表
+      // async getUserNameList() {
+      //   let {
+      //     userNameList = []
+      //   } = await this.$dao.actv.marketActDao.getUserNameList();
+      //   this.userNameList = userNameList || [];
+      //   let { list = [] } = await this.$dao.bsnsActvTypeAllList();
+      //   this.actvTypeList = list || [];
+      // }
+    },
+    mounted() {
+      // this.getsetDictByType2();
+      // this.getUserNameList();
+      // this.itemListReshow();
+    }
+  };
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+  .aside{
+    background-color: #fff;
+    margin-top: 16px;
+    padding: 0;
+  }
+  .main{
+    background-color: #fff;
+    margin: 16px;
+    padding: 0 !important;
+  }
+  .table-aside{
+    color: #666666;
+    font-size: 18px;
+    text-align: center;
+    line-height: 60px;
+  }
+  el-table{
+    color: #999999;
+    font-size: 18px;
+  }
+  .main-items{
+    color: #393939;
+    text-align: center;
+    line-height: 80px;
+  }
+  .main-header-item{
+    font-size: 20px;
+  }
+  .main-header-link{
+    color: #52CC60;
+    font-size: 18px;
+    margin-left: 10px;
+    text-decoration:underline
+  }
+  .el-select{
+    width: 100px;
+    margin: 0 5px;
+  }
+  .input-with-select .el-input-group__prepend {
+    background-color: #fff;
+  }
+  .active{
+    background-color: #52CC60;
+    color: #fff;
+  }
+  .el-input__inner{
+    height: 32px;
+  }
+  .cell{
+    font-size: 18px !important;
+  }
+  .table-img{
+    width:36px;
+    height:36px;
+    border-radius:6px;
+  }
+  .showModel{
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    background: #000000;
+    opacity: 0.2;
+    overflow: hidden;
+    z-index: 1000;
+    color: #fff;
+
+  }
+  .model{
+    z-index: 1001;
+    width:854px;
+    height:auto;
+    position: relative;
+    /*right: auto;*/
+    margin:auto;
+    background: #fff;
+    border-radius:30px;
+    text-align: center;
+  }
+  .model-text{
+    background:rgba(255,255,255,1);
+    border-radius:10px;
+  }
+  .model-text-head{
+    padding: 40px 50px;
+    display: flex;
+    color: #393939;
+    font-size: 24px;
+    justify-content: space-between;
+  }
+  .model-items-left{
+    width: 45%;
+    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>

src/permission.js

@@ -1,47 +1,47 @@
-import router from './router'
-import store from './store'
-import { Message } from 'element-ui'
-import { getToken } from '@/utils/auth' // 验权
-
-const whiteList = ['/login', '/aikmt/redirect_uri'] // 不重定向白名单
-
-router.beforeEach((to, from, next) => {
-  if (getToken()) { // 判断是否有token
-    // debugger
-    if (to.path === '/login') {
-      next()
-    } else {
-      if (store.getters.roles.length === 0) {
-        console.log('roles====0')
-        store.dispatch('GetInfo').then(res => { // 拉取用户信息
-            console.log('roles====1')
-            console.log(res)
-          const roles = res.data.role // note: roles must be a array! such as: ['1']
-          console.log('roles?', roles)
-          store.dispatch('GenerateRoutes', { roles }).then(() => { // 根据roles权限生成可访问的路由表
-            console.log('addrouters', store.getters.addRouters)
-            console.log('roles====3')
-            router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
-            next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
-          })
-        }).catch(() => {
-          store.dispatch('FedLogOut').then(() => {
-            Message.error('验证失败,请重新登录')
-            next({ path: '/login' })
-            console.log('roles====5')
-          })
-        })
-      } else {
-        console.log('====6')
-        next() // 当有用户权限的时候，说明所有可访问路由已生成 如访问没权限的全面会自动进入404页面
-      }
-    }
-  } else {
-    if (whiteList.indexOf(to.path) !== -1) {
-      next()
-    } else {
-      next('/login')
-    }
-  }
-})
-
+// import router from './router'
+// import store from './store'
+// import { Message } from 'element-ui'
+// import { getToken } from '@/utils/auth' // 验权
+//
+// const whiteList = ['/login', '/aikmt/redirect_uri'] // 不重定向白名单
+//
+// router.beforeEach((to, from, next) => {
+//   if (getToken()) { // 判断是否有token
+//     // debugger
+//     if (to.path === '/login') {
+//       next()
+//     } else {
+//       if (store.getters.roles.length === 0) {
+//         console.log('roles====0')
+//         store.dispatch('GetInfo').then(res => { // 拉取用户信息
+//             console.log('roles====1')
+//             console.log(res)
+//           const roles = res.data.role // note: roles must be a array! such as: ['1']
+//           console.log('roles?', roles)
+//           store.dispatch('GenerateRoutes', { roles }).then(() => { // 根据roles权限生成可访问的路由表
+//             console.log('addrouters', store.getters.addRouters)
+//             console.log('roles====3')
+//             router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
+//             next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
+//           })
+//         }).catch(() => {
+//           store.dispatch('FedLogOut').then(() => {
+//             Message.error('验证失败,请重新登录')
+//             next({ path: '/login' })
+//             console.log('roles====5')
+//           })
+//         })
+//       } else {
+//         console.log('====6')
+//         next() // 当有用户权限的时候，说明所有可访问路由已生成 如访问没权限的全面会自动进入404页面
+//       }
+//     }
+//   } else {
+//     if (whiteList.indexOf(to.path) !== -1) {
+//       next()
+//     } else {
+//       next('/login')
+//     }
+//   }
+// })
+//

src/router/index.js

@@ -2,6 +2,7 @@ import Vue from "vue";
 import Router from "vue-router";
 import Login from "@/pages/Login";
 import Home from "@/pages/Home";
+// import Super from "@/pages/Super";
 // import Redirect_uri from "@/pages/Redirect_uri";
 import Error from "@/pages/Error";
 import Error404 from "@/pages/Error404";
@@ -28,6 +29,73 @@ export const constantRouterMap =
       name: "微信认证重定向页",
       component: Redirect_uri
     },
+     // {
+     //   path: "/super",
+     //   component: Super,
+     //   children:[
+     //     {
+     //       path: "",
+     //       redirect: "SuperAdmin"
+     //     },
+     //     {
+     //       path: "SuperAdmin",
+     //       name: "SuperAdmin",
+     //       component: SchoolManager,
+     //       meta: { title: '超级管理员', roles: ['2'] }
+     //     },
+     //     {
+     //       path: "CheckTeacherAudit",
+     //       name: "CheckTeacherAudit",
+     //       component: CheckTeacherAudit,
+     //       meta: { title: '批改老师注册审核', roles: ['2'] }
+     //     },
+     //     {
+     //       path: "CheckTeacherPay",
+     //       name: "CheckTeacherPay",
+     //       component: CheckTeacherPay,
+     //       meta: { title: '批改老师薪酬表', roles: ['2'] }
+     //     },
+     //   ]
+     // },
+      {
+       path: "/home",
+       component: Home,
+       children: [
+         {
+           path: "",
+           redirect: "SchoolManager"
+         },
+         {
+           path: "SchoolManager",
+           name: "SchoolManager",
+           component: SchoolManager,
+           meta: { title: '校区管理员', roles: ['2'] }
+         },
+         {
+           path: "TeacherApporval",
+           name: "TeacherApporval",
+           component: TeacherApporval,
+           meta: { title: '教师审核', roles: ['2'] }
+
+         },
+         {
+           path: "TeacherPay",
+           name: "TeacherPay",
+           component: TeacherPay,
+           meta: { title: '教师薪酬管理', roles: ['1'] }
+         },
+         {
+           path: "*",
+           name: "找不到页面",
+           component: Error404
+         }
+       ]
+     },
+     {
+       path: "*",
+       name: "错误页面",
+       component: Error
+     }
   ]
 export default new Router({
   routes: constantRouterMap
@@ -36,44 +104,44 @@ export default new Router({
 // 异步挂载的路由
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
-  {
-    path: "/home",
-    component: Home,
-    children: [
-      {
-        path: "",
-        redirect: "SchoolManager"
-      },
-      {
-        path: "SchoolManager",
-        name: "SchoolManager",
-        component: SchoolManager,
-        meta: { title: '校区管理员', roles: ['2'] }
-      },
-      {
-        path: "TeacherApporval",
-        name: "TeacherApporval",
-        component: TeacherApporval,
-        meta: { title: '教师审核', roles: ['2'] }
-
-      },
-       {
-        path: "TeacherPay",
-        name: "TeacherPay",
-        component: TeacherPay,
-        meta: { title: '教师薪酬管理', roles: ['1'] }
-      },
-      {
-        path: "*",
-        name: "找不到页面",
-        component: Error404
-      }
-    ]
-  },
-  {
-    path: "*",
-    name: "错误页面",
-    component: Error
-  }
+  // {
+  //   path: "/home",
+  //   component: Home,
+  //   children: [
+  //     {
+  //       path: "",
+  //       redirect: "SchoolManager"
+  //     },
+  //     {
+  //       path: "SchoolManager",
+  //       name: "SchoolManager",
+  //       component: SchoolManager,
+  //       meta: { title: '校区管理员', roles: ['2'] }
+  //     },
+  //     {
+  //       path: "TeacherApporval",
+  //       name: "TeacherApporval",
+  //       component: TeacherApporval,
+  //       meta: { title: '教师审核', roles: ['2'] }
+  //
+  //     },
+  //      {
+  //       path: "TeacherPay",
+  //       name: "TeacherPay",
+  //       component: TeacherPay,
+  //       meta: { title: '教师薪酬管理', roles: ['1'] }
+  //     },
+  //     {
+  //       path: "*",
+  //       name: "找不到页面",
+  //       component: Error404
+  //     }
+  //   ]
+  // },
+  // {
+  //   path: "*",
+  //   name: "错误页面",
+  //   component: Error
+  // }
 ]