修改教师发展组件

src/components/pages/test/examine/conpoments/cteach.vue

@@ -1,16 +0,0 @@
-<template>
-  <div>
-    班主任
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      
-    };
-  },
-};
-</script>
-<style scoped></style>

src/components/pages/test/examine/conpoments/personPage.vue

@@ -0,0 +1,26 @@
+<template>
+  <div>
+    <div v-if="pType==0">
+      按人员专任教师
+    </div>
+    <div v-if="pType==1">
+      按人员班主任
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    pType: {
+      //0专任教师 1班主任
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {};
+  }
+};
+</script>
+<style scoped></style>

src/components/pages/test/examine/conpoments/regularTea.vue

@@ -1,26 +0,0 @@
-<template>
-  <div>
-    专任教师
-  </div>
-</template>
-
-<script>
-export default {
-
-  data() {
-    return {
-      
-    };
-  },
-
-  mounted() {
-    
-  },
-
-  methods: {
-    
-  },
-};
-</script>
-
-<style scoped></style>

src/components/pages/test/examine/conpoments/targetPage.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    <div v-if="pType==0">
+      按指标专任教师
+    </div>
+    <div v-if="pType==1">
+      按指标班主任
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    pType: {
+      //0专任教师 1班主任
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {};
+  },
+
+  mounted() {},
+
+  methods: {}
+};
+</script>
+
+<style scoped></style>

src/components/pages/test/examine/index.vue

@@ -2,37 +2,70 @@
   <div class="testExamine">
     <div class="testTit">
       <div class="teaLis">
-        <div class="teal" @click="cutPage(0)" :class="[type == 0?'Tbor':'']">专任教师</div>
-        <div class="teal" @click="cutPage(1)" :class="[type == 1?'Tbor':'']">班主任</div>
+        <div
+          class="teal"
+          @click="cutPage(0)"
+          :class="[pType == 0 ? 'Tbor' : '']"
+        >
+          专任教师
+        </div>
+        <div
+          class="teal"
+          @click="cutPage(1)"
+          :class="[pType == 1 ? 'Tbor' : '']"
+        >
+          班主任
+        </div>
+      </div>
+      <div style="margin-right: 100px;">
+        <el-select v-model="cutTable" placeholder="请选择">
+          <el-option
+            v-for="item in cutTabOpts"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
       </div>
-      <div style="margin-right: 100px;">按指标</div>
     </div>
     <div class="testCon">
-      <cteach v-if="type == 0"></cteach>
-      <regularTea v-if="type == 1"></regularTea>
+      <targetPage :pType="pType" v-if="cutTable == 0"></targetPage>
+      <personPage :pType="pType" v-if="cutTable == 1"></personPage>
     </div>
   </div>
 </template>
 
 <script>
-import cteach from "./conpoments/cteach.vue";
-import regularTea from "./conpoments/regularTea";
+import personPage from "./conpoments/personPage.vue";
+import targetPage from "./conpoments/targetPage";
 
 export default {
   components: {
-    cteach,
-    regularTea
+    personPage,
+    targetPage
   },
   data() {
     return {
-      type: 0
+      pType: 0,
+      cutTable: 0,
+      cutTabOpts: [
+        {
+          value: 0,
+          label: "按指标"
+        },
+        {
+          value: 1,
+          label: "按人员"
+        }
+      ]
     };
   },
   methods: {
-    cutPage(e){
-      this.type = e
+    cutPage(e) {
+      this.pType = e;
     }
-  },
+  }
 };
 </script>
 
@@ -50,17 +83,17 @@ export default {
   justify-content: space-between;
   align-items: center;
 }
-.teaLis{
+.teaLis {
   display: flex;
 }
-.teal{
+.teal {
   padding: 10px 20px;
   cursor: pointer;
 }
-.Tbor{
+.Tbor {
   border-bottom: 2px rgba(54, 129, 252, 1) solid;
 }
-.testCon{
+.testCon {
   box-sizing: border-box;
   padding: 20px;
 }