教师确认身份

src/router/index.js

@@ -21,6 +21,12 @@ const routes = [
         meta: { title: '教师', sub: '管理' },
         component: () => import('@/views/teacher/index.vue'),
       },
+      {
+        path: '/teacher/detail',
+        name: 'teacher_detail',
+        meta: { title: '教师', sub: '信息' },
+        component: () => import('@/views/teacher/detail.vue'),
+      },
       {
         path: '/leave/list',
         name: 'leave_list',

src/store/index.js

@@ -1,11 +1,12 @@
 import Vue from 'vue';
 import Vuex from 'vuex';
 import student from '@center/src/store/student';
+import teacher from '@center/src/store/teacher';
 Vue.use(Vuex);
 
 export default new Vuex.Store({
   state: {},
   mutations: {},
   actions: {},
-  modules: { student },
+  modules: { student, teacher },
 });

src/views/leave/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="index">
-    <list-frame :title="mainTitle" @query="search" :total="total" :needFilter="false" @add="$router.push({ path: '/dept/detail' })">
+    <list-frame :title="mainTitle" @query="search" :total="total" :needFilter="false" :needAdd="false">
       <data-table :fields="fields" :data="list" :opera="opera" @edit="toEdit" @check="toCheck"></data-table>
     </list-frame>
     <el-dialog title="请假审批" :visible.sync="dialog" width="30%" center @close="toClose">

src/views/leave/stud.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="stud">
-    <detail-frame :title="mainTitle" returns="/leave/index">
+    <detail-frame :title="mainTitle" returns="/leave/list">
       <data-form :data="info" :fields="fields" :needSave="false" :isNew="false">
         <template #custom="{ item, form }">
           <template v-if="item.model === 'gender'">{{ form[item.model] === '0' ? '女' : '男' }}</template>

src/views/plan/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="index">
-    <list-frame :title="mainTitle" @query="search" :total="total" :needFilter="false" @add="$router.push({ path: '/dept/detail' })">
+    <list-frame :title="mainTitle" @query="search" :total="total" :needFilter="false" :needAdd="false">
       <data-table :fields="fields" :data="list" :opera="opera" @edit="toEdit" @update="toUpdate"></data-table>
     </list-frame>
   </div>

src/views/teacher/detail.vue

@@ -0,0 +1,95 @@
+<template>
+  <div id="detail">
+    <detail-frame :title="mainTitle" returns="/teacher/list">
+      <data-form :data="info" :fields="fields" :needSave="false" :isNew="false">
+        <template #custom="{ item, form }">
+          <template v-if="item.model === 'gender'">{{ form[item.model] === '0' ? '女' : '男' }}</template>
+          <template v-if="item.model === 'is_etiquette_teacher'">{{ form[item.model] === '0' ? '否' : '是' }}</template>
+          <template v-if="item.model === 'reason'">
+            <el-form-item>
+              <el-input v-model="reason" placeholder="审核原因(非必填)"></el-input>
+            </el-form-item>
+          </template>
+        </template>
+        <template #submit>
+          <el-row type="flex" justify="middle" align="center">
+            <el-col :span="7">
+              <el-button type="primary" size="mini" @click="setCheck('0')">确认教师</el-button>
+            </el-col>
+            <el-col :span="7">
+              <el-button type="danger" size="mini" @click="setCheck('1')">退回教师</el-button>
+            </el-col>
+          </el-row>
+        </template>
+      </data-form>
+    </detail-frame>
+  </div>
+</template>
+
+<script>
+import detailFrame from '@frame/layout/admin/detail-frame';
+import dataForm from '@frame/components/form';
+import { createNamespacedHelpers } from 'vuex';
+const { mapActions } = createNamespacedHelpers('teacher');
+export default {
+  metaInfo: { title: '教师信息' },
+  name: 'detail',
+  props: {},
+  components: { detailFrame, dataForm },
+  data: () => ({
+    info: {},
+    reason: '', //审核原因
+    fields: [
+      { label: '教师姓名', model: 'name', type: 'text' },
+      { label: '性别', model: 'gender', custom: true },
+      { label: '手机号', model: 'phone', type: 'text' },
+      { label: '身份证号', model: 'id_number', type: 'text' },
+      { label: '教师资格证号', model: 'profession_number', type: 'text' },
+      { label: '学校名称', model: 'school_name', type: 'text' },
+      { label: '邮箱', model: 'email', type: 'text' },
+      { label: '年龄', model: 'age', type: 'text' },
+      { label: '出生日期', model: 'birthday', type: 'text' },
+      { label: '职务', model: 'job', type: 'text' },
+      { label: '专业', model: 'major', type: 'text' },
+      { label: '是/否是礼仪老师', model: 'is_etiquette_teacher', custom: true },
+      { label: '审核原因', model: 'reason', custom: true },
+    ],
+    loading: true,
+  }),
+  created() {},
+  computed: {
+    id() {
+      return this.$route.query.id;
+    },
+    mainTitle() {
+      let meta = this.$route.meta;
+      let main = meta.title || '';
+      let sub = meta.sub || '';
+      return `${main}${sub}`;
+    },
+    keyWord() {
+      let meta = this.$route.meta;
+      let main = meta.title || '';
+      return main;
+    },
+  },
+  watch: {
+    id: {
+      immediate: true,
+      handler(val) {
+        if (val) this.loading = false;
+        else this.search();
+      },
+    },
+  },
+  methods: {
+    ...mapActions(['fetch']),
+    async search() {},
+    setCheck(status) {
+      //this.reason 是审核原因,需要带上
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/teacher/index.vue

@@ -1,16 +1,44 @@
 <template>
   <div id="index">
-    <p>index</p>
+    <list-frame :title="mainTitle" @query="search" :total="total" :needFilter="false" :needAdd="false">
+      <data-table :fields="fields" :data="list" :opera="opera" @check="toCheck"></data-table>
+    </list-frame>
   </div>
 </template>
 
 <script>
+import listFrame from '@frame/layout/admin/list-frame';
+import dataTable from '@frame/components/data-table';
+import { createNamespacedHelpers } from 'vuex';
+const { mapActions } = createNamespacedHelpers('dept');
 export default {
   metaInfo: { title: '教师管理' },
   name: 'index',
   props: {},
-  components: {},
-  data: () => ({}),
+  components: { listFrame, dataTable },
+  data: () => ({
+    opera: [
+      {
+        label: '查看教师信息',
+        icon: 'el-icon-document',
+        method: 'check',
+      },
+    ],
+    fields: [
+      { label: '教师姓名', prop: 'name' },
+      {
+        label: '性别',
+        prop: 'gender',
+        format: item => {
+          return item === '0' ? '女' : '男';
+        },
+      },
+      { label: '年龄', prop: 'age' },
+      { label: '科目', prop: 'subject' },
+    ],
+    list: [{ name: '测试教师1', gender: '0', age: '32', subject: '拓展训练' }],
+  }),
+
   created() {},
   computed: {
     mainTitle() {
@@ -25,7 +53,19 @@ export default {
       return main;
     },
   },
-  methods: {},
+  methods: {
+    ...mapActions(['query']),
+    async search({ skip = 0, limit = 10, ...info } = {}) {
+      const res = await this.query({ skip, limit, ...info });
+      if (this.$checkRes(res)) {
+        this.$set(this, `list`, res.data);
+        this.$set(this, `total`, res.total);
+      }
+    },
+    toCheck({ data }) {
+      this.$router.push({ path: '/teacher/detail', query: { id: data.id } });
+    },
+  },
 };
 </script>