|
@@ -1,15 +1,100 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- 审核页面
|
|
|
+ <div class="testExamine">
|
|
|
+ <div class="testTit">
|
|
|
+ <div class="teaLis">
|
|
|
+ <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>
|
|
|
+ <div class="testCon">
|
|
|
+ <targetPage :pType="pType" v-if="cutTable == 0"></targetPage>
|
|
|
+ <personPage :pType="pType" v-if="cutTable == 1"></personPage>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-export default {
|
|
|
+import personPage from "./conpoments/personPage.vue";
|
|
|
+import targetPage from "./conpoments/targetPage";
|
|
|
|
|
|
-}
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ personPage,
|
|
|
+ targetPage
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ pType: 0,
|
|
|
+ cutTable: 0,
|
|
|
+ cutTabOpts: [
|
|
|
+ {
|
|
|
+ value: 0,
|
|
|
+ label: "按指标"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ label: "按人员"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ cutPage(e) {
|
|
|
+ this.pType = e;
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
-<style>
|
|
|
-
|
|
|
-</style>
|
|
|
+<style scoped>
|
|
|
+.testExamine {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ padding: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+.testExamine > .testTit {
|
|
|
+ height: 100px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.teaLis {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.teal {
|
|
|
+ padding: 10px 20px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.Tbor {
|
|
|
+ border-bottom: 2px rgba(54, 129, 252, 1) solid;
|
|
|
+}
|
|
|
+.testCon {
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 20px;
|
|
|
+}
|
|
|
+</style>
|