From 76ce8d3b1fea101d3ed44c3cbdde2edbdf79b16d Mon Sep 17 00:00:00 2001
From: unknown <binbin0314@126.com>
Date: Sun, 18 Apr 2021 15:15:53 +0800
Subject: [PATCH] =?UTF-8?q?418=E5=8A=9F=E8=83=BD=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   |  18 +-
 src/components/BtnCom/BtnCon.vue              |  19 +-
 .../EntityApply/EntityApplyDate.vue           |  14 +-
 src/config/api.js                             |  22 +
 src/router/index.js                           |  12 +
 src/views/teacher/Teacher.vue                 | 550 ++++++++++++++++++
 src/views/teacherType/teacherType.vue         | 289 +++++++++
 7 files changed, 898 insertions(+), 26 deletions(-)
 create mode 100644 src/views/teacher/Teacher.vue
 create mode 100644 src/views/teacherType/teacherType.vue

diff --git a/src/App.vue b/src/App.vue
index 271b478..c860e07 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <a-config-provider :locale="zh_CN">
     <div class="d-flex flex-row flex-nowrap" id="app">
-      <btn-con />
+      <!-- <btn-con /> -->
       <router-view class="flex-1 bg pa-3"></router-view>
     </div>
   </a-config-provider>
@@ -10,15 +10,13 @@
 <script>
 import { mapState, mapActions, mapMutations } from 'vuex';
 import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';
-import BtnCon from 'components/BtnCom/BtnCon.vue';
+// import BtnCon from 'components/BtnCom/BtnCon.vue';
 
 export default {
-  name: 'app',
-  components: { BtnCon },
+  name: 'App',
+  // components: { BtnCon },
   data() {
-    return {
-      zh_CN,
-    };
+    return { zh_CN };
   },
 
   computed: mapState(['anyringToken', 'ptProps']),
@@ -35,9 +33,9 @@ export default {
 
   created() {
     // 测试数据
-    const userId = '1218763410024566784';
-    const params = { userId };
-    this.getUserId(params);
+    // const userId = '1218763410024566784';
+    // const params = { userId };
+    // this.getUserId(params);
 
     const that = this;
     window.plugin = window.TallPlugin.init();
diff --git a/src/components/BtnCom/BtnCon.vue b/src/components/BtnCom/BtnCon.vue
index 731fb4c..fc0e4a2 100644
--- a/src/components/BtnCom/BtnCon.vue
+++ b/src/components/BtnCom/BtnCon.vue
@@ -3,14 +3,14 @@
  * @email: 18603454788@163.com
  * @Date: 2021-03-23 10:09:53
  * @LastEditors: wally
- * @LastEditTime: 2021-04-17 19:40:54
+ * @LastEditTime: 2021-04-18 10:30:44
 -->
 <template>
   <div class="btn-box pa-3">
-    <div class="font-bold-24">运维</div>
+    <!-- <div class="font-bold-24">运维</div> -->
     <div @click="jump('/page-manage')" class="btn">内容管理</div>
     <div @click="jump('/industry-info')" class="btn">行业资讯</div>
-    <div @click="jump('/user-manage')" class="btn">用户管理</div>
+    <!-- <div @click="jump('/user-manage')" class="btn">用户管理</div> -->
     <div @click="jump('/banner-manage')" class="btn">轮播图管理</div>
     <!-- <div @click="jump('/communication-community')" class="btn">交流社区</div> -->
     <div @click="jump('/event-announcement')" class="btn">双创活动-公告</div>
@@ -22,10 +22,10 @@
     <div @click="jump('/cooperative-partner')" class="btn">合作伙伴</div>
     <!-- <div @click="jump('/about-us-derivative-enterprise')" class="btn">衍生企业</div> -->
 
-    <div class="font-bold-24">创新研究院</div>
+    <!-- <div class="font-bold-24">创新研究院</div> -->
     <!-- <div @click="jump('/cooperation-intention')" class="btn">合作意向</div> -->
     <!-- <div @click="jump('/demand-filling')" class="btn">需求填报</div> -->
-    <div @click="jump('/innovative-service')" class="btn">服务</div>
+    <div @click="jump('/innovative-service')" class="btn">科技创新服务</div>
     <!-- <div @click="jump('/')" class="btn">合作伙伴</div> -->
     <!-- <div @click="jump('/')" class="btn">衍生企业</div> -->
     <!-- <div @click="jump('/innovative-lab')" class="btn">实验室</div> -->
@@ -33,13 +33,14 @@
     <!-- <div @click="jump('/innovative-equipment')" class="btn">设备</div> -->
     <!-- <div @click="jump('/innovative-achievements')" class="btn">成果</div> -->
 
-    <div class="font-bold-24">孵化平台</div>
+    <!-- <div class="font-bold-24">孵化平台</div> -->
     <div @click="jump('/virtual-application?type=2')" class="btn">入驻实体申请</div>
     <div @click="jump('/virtual-application?type=1')" class="btn">入驻数智创时代 专业孵化器申请</div>
     <div @click="jump('/virtual-application?type=0')" class="btn">入驻线上孵化器</div>
-    <div @click="jump('/incubation-services')" class="btn">服务</div>
-    <!-- <div @click="jump('/hatching-demand-filling')" class="btn">需求填报</div> -->
-    <div @click="jump('/')" class="btn">创业导师</div>
+    <div @click="jump('/incubation-services')" class="btn">孵化平台栏目</div>
+    <div @click="jump('/hatching-demand-filling')" class="btn">孵化服务申请</div>
+    <div @click="jump('/teacher')" class="btn">导师管理</div>
+    <div @click="jump('/teacher-type')" class="btn">导师类型</div>
     <!-- <div @click="jump('/hatch-cooperative-partner')" class="btn">合作伙伴</div> -->
 
     <!-- <div class="font-bold-24">产业部</div>
diff --git a/src/components/EntityApply/EntityApplyDate.vue b/src/components/EntityApply/EntityApplyDate.vue
index a904733..daac1a6 100644
--- a/src/components/EntityApply/EntityApplyDate.vue
+++ b/src/components/EntityApply/EntityApplyDate.vue
@@ -40,13 +40,13 @@
 
         <!-- 操作 -->
         <template slot="edit" slot-scope="text, record">
-          <a-icon @click="showEditModal(record)" class="pointer" theme="twoTone" type="edit" />
-          <a-button @click="handleApply(record.id, 2)" class="ml-3" size="small" type="primary" v-if="record.dealStatus === 1"
-            >通过</a-button
-          >
-          <a-button @click="handleApply(record.id, 1)" class="ml-3" size="small" type="danger" v-if="record.dealStatus === 2"
-            >不通过</a-button
-          >
+          <!-- <a-icon @click="showEditModal(record)" class="pointer" theme="twoTone" type="edit" /> -->
+          <a-button @click="handleApply(record.id, 2)" class="ml-3" size="small" type="primary" v-if="record.dealStatus === 1">
+            通过
+          </a-button>
+          <a-button @click="handleApply(record.id, 1)" class="ml-3" size="small" type="danger" v-if="record.dealStatus === 2">
+            不通过
+          </a-button>
         </template>
 
         <div class="d-flex flex-nowrap justify-space-between" slot="expandedRowRender" slot-scope="record" style="margin: 0">
diff --git a/src/config/api.js b/src/config/api.js
index 0be4408..86923d7 100644
--- a/src/config/api.js
+++ b/src/config/api.js
@@ -23,6 +23,7 @@ const place = `${greenvalley}/place`; // 孵化部入驻实体申请相关操作
 const business = `${greenvalley}/business`; // 交流社区相关操作
 const academy = `${greenvalley}/academy`; // 创业学院相关操作
 const releaseTheList = `${greenvalley}/releaseTheList`; // 创业学院相关操作
+const tutorRelated = `${greenvalley}/tutorRelated`; // 导师相关操作
 export const upload = `${greenvalley}/file/upload`;
 
 // websocket基础地址
@@ -288,3 +289,24 @@ export const selfulUnveiling = params => axios.post(`${releaseTheList}/selfulUnv
 
 // 创新挑战修改揭榜审核状态
 export const upUnveiling = params => axios.post(`${releaseTheList}/upSuccessfulUnveiling`, params);
+
+// 增加导师
+export const addTeacher = params => axios.post(`${tutorRelated}/addTeacher`, params);
+
+// 删除导师
+export const delTeacher = params => axios.post(`${tutorRelated}/delTeacher`, params);
+
+// 修改导师
+export const upTeacher = params => axios.post(`${tutorRelated}/upTeacher`, params);
+
+// 查询导师
+export const getFindTeachH = params => axios.post(`${tutorRelated}/findTeachH`, params);
+
+// 查询导师类型
+export const getSelTutorH = params => axios.post(`${tutorRelated}/selTutorH`, params);
+
+// 增加导师类型
+export const addTutor = params => axios.post(`${tutorRelated}/addTutor`, params);
+
+// 修改导师类型
+export const upTutorH = params => axios.post(`${tutorRelated}/upTutorH`, params);
diff --git a/src/router/index.js b/src/router/index.js
index ed34dc1..8bfe874 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -190,6 +190,18 @@ const routes = [
     name: 'College',
     component: () => import(/* webpackChunkName: "industry-demand-report" */ 'views/College/College.vue'),
   },
+  // 导师管理
+  {
+    path: '/teacher',
+    name: 'Teacher',
+    component: () => import(/* webpackChunkName: "industry-demand-report" */ 'views/teacher/Teacher.vue'),
+  },
+  // 导师类型
+  {
+    path: '/teacher-type',
+    name: 'teacherType',
+    component: () => import(/* webpackChunkName: "industry-demand-report" */ 'views/teacherType/teacherType.vue'),
+  },
 ];
 
 const router = new VueRouter({
diff --git a/src/views/teacher/Teacher.vue b/src/views/teacher/Teacher.vue
new file mode 100644
index 0000000..78c1496
--- /dev/null
+++ b/src/views/teacher/Teacher.vue
@@ -0,0 +1,550 @@
+<template>
+  <div class="pa-3 white fill-height d-flex flex-column">
+    <!-- 搜索 -->
+    <div class="d-flex flex-wrap pb-3">
+      <div>
+        <span class="mr-4">导师姓名:</span>
+        <a-input placeholder="导师姓名" style="width: 150px" v-model="teacherName" />
+        <span class="ml-4 mr-4">导师分类:</span>
+        <a-select mode="multiple" style="width: 400px" @change="typeChange($event, 0)" placeholder="导师分类">
+          <a-select-option v-for="item in typeList" :key="item.id" :value="item.id">
+            {{ item.categoryName }}
+          </a-select-option>
+        </a-select>
+
+        <a-button @click="selModelSearch" class="ml-3" type="primary">搜索</a-button>
+      </div>
+      <div class="flex-1"></div>
+      <a-button class="editable-add-btn" @click="visible = true" style="margin-top: 1px" type="primary">增加</a-button>
+    </div>
+    <!-- 添加表单 -->
+    <a-modal :mask-closable="false" destroy-on-close title="添加导师" v-model="visible" width="700px" @ok="addTeacherData">
+      <a-form :form="form">
+        <!-- 公司名称 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="公司名称">
+          <a-input placeholder="所在公司名称" v-model="addData.company" />
+        </a-form-item>
+        <!-- 职务/职称 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="职务/职称">
+          <a-input placeholder="职务/职称" v-model="addData.duties" />
+        </a-form-item>
+        <!-- 导师姓名 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="导师姓名">
+          <a-input placeholder="导师姓名" v-model="addData.name" />
+        </a-form-item>
+        <!-- 导师性别 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="导师性别">
+          <a-radio-group :default-value="0" @change="changeAddSex">
+            <a-radio :value="0"> 女 </a-radio>
+            <a-radio :value="1"> 男 </a-radio>
+          </a-radio-group>
+        </a-form-item>
+        <!-- 导师照片 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="导师照片">
+          <a-upload :action="upload" :before-upload="beforeUpload" @change="handleChange($event, 1)" list-type="picture" name="files">
+            <a-button v-show="fileList.length - 0 === 0"> <a-icon type="upload" />选择图片 </a-button>
+          </a-upload>
+        </a-form-item>
+        <!-- 导师简介 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="导师简介">
+          <a-textarea style="height: 100px" placeholder="导师简介" v-model="addData.intro" />
+        </a-form-item>
+        <!-- 服务案例 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="服务案例">
+          <a-textarea style="height: 100px" placeholder="服务案例" v-model="addData.serviceCase" />
+        </a-form-item>
+        <!-- 导师分类 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="导师分类">
+          <a-select mode="multiple" style="width: 100%" @change="typeChange($event, 1)" placeholder="导师分类">
+            <a-select-option v-for="item in typeList" :key="item.id" :value="item.id">
+              {{ item.categoryName }}
+            </a-select-option>
+          </a-select>
+        </a-form-item>
+        <!-- 导师聘书 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="导师聘书">
+          <a-upload :action="upload" :before-upload="beforeUpload1" @change="handleChange($event, 2)" list-type="picture" name="files">
+            <a-button v-show="fileList1.length - 0 === 0"> <a-icon type="upload" />选择图片 </a-button>
+          </a-upload>
+        </a-form-item>
+        <!-- 导师简历 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="导师简历">
+          <a-upload :action="upload" :before-upload="beforeUpload2" @change="handleChange($event, 3)" list-type="picture" name="files">
+            <a-button v-show="fileList2.length - 0 === 0"> <a-icon type="upload" />选择图片 </a-button>
+          </a-upload>
+        </a-form-item>
+      </a-form>
+    </a-modal>
+    <!-- 表格 -->
+    <div class="main flex-1">
+      <div style="width: 100%" v-if="lists.list && lists.list.length > 0">
+        <a-table
+          :columns="columns"
+          :data-source="lists.list"
+          :pagination="pagination"
+          :row-key="record => record.id"
+          @change="handleTableChange"
+          :scroll="{ y: height }"
+          bordered
+          class="white"
+        >
+          <template slot="id" slot-scope="text, record, index">
+            <span>{{ index + 1 }}</span>
+          </template>
+
+          <template slot="sex" slot-scope="text, record">
+            <span v-if="record.sex === 0">女</span>
+            <span v-else>男</span>
+          </template>
+          <template slot="teacherPhoto" slot-scope="text, record">
+            <img style="width: 100%" v-if="record.teacherPhoto" :src="record.teacherPhoto" />
+          </template>
+          <template slot="resume" slot-scope="text, record">
+            <img style="width: 100%" v-if="record.resume" :src="record.resume" />
+          </template>
+          <template slot="offer" slot-scope="text, record">
+            <img style="width: 100%" v-if="record.offer" :src="record.offer" />
+          </template>
+
+          <template slot="edit" slot-scope="text, record">
+            <a-icon @click="showEditModal(record)" class="pointer" theme="twoTone" type="edit" />
+            <a-popconfirm @confirm="() => onDelete(record.id)" title="确定要删除这一条?" v-if="lists.list.length">
+              <a-icon class="ml-4 pointer" theme="twoTone" two-tone-color="#ff0000" type="delete" />
+            </a-popconfirm>
+          </template>
+        </a-table>
+      </div>
+      <a-empty v-else />
+    </div>
+    <!-- 修改表单 -->
+    <a-modal :mask-closable="false" destroy-on-close title="修改" v-model="visible1" width="700px" @ok="editTeacherData">
+      <a-form :form="form">
+        <!-- 公司名称 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="公司名称">
+          <a-input placeholder="所在公司名称" v-model="editData.company" />
+        </a-form-item>
+        <!-- 职务/职称 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="职务/职称">
+          <a-input placeholder="职务/职称" v-model="editData.duties" />
+        </a-form-item>
+        <!-- 导师姓名 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="导师姓名">
+          <a-input placeholder="导师姓名" v-model="editData.name" />
+        </a-form-item>
+        <!-- 导师性别 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="导师性别">
+          <a-radio-group :default-value="editData.sex" @change="changeAddSex">
+            <a-radio :value="0"> 女 </a-radio>
+            <a-radio :value="1"> 男 </a-radio>
+          </a-radio-group>
+        </a-form-item>
+        <!-- 导师照片 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="导师照片">
+          <a-upload :action="upload" @change="handleChange($event, 4)" name="files">
+            <a-button v-if="!editData.teacherPhoto"> <a-icon type="upload" />选择图片 </a-button>
+            <img v-else :src="editData.teacherPhoto" style="width: 100%; cursor: pointer" title="重新选择" />
+            <div slot="listType"></div>
+          </a-upload>
+        </a-form-item>
+        <!-- 导师简介 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="导师简介">
+          <a-textarea style="height: 100px" placeholder="导师简介" v-model="editData.intro" />
+        </a-form-item>
+        <!-- 服务案例 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="服务案例">
+          <a-textarea style="height: 100px" placeholder="服务案例" v-model="editData.serviceCase" />
+        </a-form-item>
+        <!-- 导师分类 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="导师分类">
+          <a-select
+            :default-value="editData.categoryList"
+            mode="multiple"
+            style="width: 100%"
+            @change="typeChange($event, 2)"
+            placeholder="导师分类"
+          >
+            <a-select-option v-for="item in typeList" :key="item.id" :value="item.id">
+              {{ item.categoryName }}
+            </a-select-option>
+          </a-select>
+        </a-form-item>
+        <!-- 导师聘书 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="导师聘书">
+          <a-upload :action="upload" @change="handleChange($event, 5)" name="files">
+            <a-button v-if="!editData.offer"> <a-icon type="upload" />选择图片 </a-button>
+            <img v-else :src="editData.offer" style="width: 100%; cursor: pointer" title="重新选择" />
+            <div slot="listType"></div>
+          </a-upload>
+        </a-form-item>
+        <!-- 导师简历 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="导师简历">
+          <a-upload :action="upload" @change="handleChange($event, 6)" name="files">
+            <a-button v-if="!editData.resume"> <a-icon type="upload" />选择图片 </a-button>
+            <img v-else :src="editData.resume" style="width: 100%; cursor: pointer" title="重新选择" />
+            <div slot="listType"></div>
+          </a-upload>
+        </a-form-item>
+      </a-form>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import { upload, getFindTeachH, getSelTutorH, delTeacher, addTeacher, upTeacher } from 'config/api';
+const formItemLayout = {
+  labelCol: { span: 6 },
+  wrapperCol: { span: 16 },
+};
+const tailItemLayout = { wrapperCol: { span: 16, offset: 6 } };
+const columns = [
+  {
+    title: '序号',
+    align: 'center',
+    dataIndex: 'id',
+    key: 'id',
+    width: '7%',
+    scopedSlots: { customRender: 'id' },
+  },
+  {
+    title: '所在单位',
+    align: 'center',
+    dataIndex: 'company',
+    key: 'company',
+  },
+  {
+    title: '职务',
+    align: 'center',
+    dataIndex: 'duties',
+    key: 'duties',
+  },
+  {
+    title: '姓名',
+    align: 'center',
+    dataIndex: 'name',
+    key: 'name',
+  },
+  {
+    title: '性别',
+    align: 'center',
+    dataIndex: 'sex',
+    key: 'sex',
+    scopedSlots: { customRender: 'sex' },
+  },
+  {
+    title: '照片',
+    align: 'center',
+    dataIndex: 'teacherPhoto',
+    key: 'teacherPhoto',
+    scopedSlots: { customRender: 'teacherPhoto' },
+  },
+  {
+    title: '简介',
+    align: 'center',
+    dataIndex: 'intro',
+    key: 'intro',
+  },
+  {
+    title: '教师聘书',
+    align: 'center',
+    dataIndex: 'offer',
+    key: 'offer',
+    scopedSlots: { customRender: 'offer' },
+  },
+  {
+    title: '教师简历',
+    align: 'center',
+    dataIndex: 'resume',
+    key: 'resume',
+    scopedSlots: { customRender: 'resume' },
+  },
+  {
+    title: '编辑',
+    align: 'center',
+    dataIndex: 'edit',
+    key: 'edit',
+    scopedSlots: { customRender: 'edit' },
+  },
+];
+export default {
+  name: 'Teacher',
+  data() {
+    return {
+      upload,
+      //限制文件上传的格式
+      beforeUpload: file => {
+        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
+        if (!isJpgOrPng) {
+          this.$message.error('仅支持 JPG/PNG 格式的图片!');
+          this.fileList = [];
+        }
+        return isJpgOrPng;
+      },
+      beforeUpload1: file => {
+        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
+        if (!isJpgOrPng) {
+          this.$message.error('仅支持 JPG/PNG 格式的图片!');
+          this.fileList1 = [];
+        }
+        return isJpgOrPng;
+      },
+      beforeUpload2: file => {
+        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
+        if (!isJpgOrPng) {
+          this.$message.error('仅支持 JPG/PNG 格式的图片!');
+          this.fileList2 = [];
+        }
+        return isJpgOrPng;
+      },
+      columns,
+      formItemLayout,
+      tailItemLayout,
+      form: this.$form.createForm(this, { name: 'teacher-add' }),
+      height: '',
+      lists: {},
+      pagination: { current: 1, pageSize: 10, total: 0 },
+      typeList: [], // 导师类型数组
+      teacherType: [], // 已选中的 搜索时的 导师类型
+      addType: [], // 已选中的 添加时的 导师类型
+      addData: {
+        company: '', // 所在公司/单位名称
+        duties: '', // 职务/职称
+        intro: '', // 简介(图片id)
+        name: '', // 导师名称
+        serviceCase: '', // 服务案例
+        sex: 0, // 性别
+      },
+      teacherName: '',
+      pageNum: 1,
+      visible: false, // 添加表单
+      visible1: false, // 修改表单
+      fileList: [], // 导师照片数组
+      fileList1: [], // 导师聘书数组
+      fileList2: [], // 导师简历数组
+      editData: {
+        id: '', // 导师id
+        company: '', // 所在公司/单位名称
+        duties: '', // 职务/职称
+        intro: '', // 简介(图片id)
+        name: '', // 导师名称
+        serviceCase: '', // 服务案例
+        sex: 0, // 性别
+        teacherPhoto: '', // 照片路径
+        teacherPhotoId: '', // 照片id
+        offer: '', // 聘书(图片)路径
+        offerId: '', // 聘书id
+        resume: '', // 简历(图片)路径
+        resumeId: '', // 简历id
+        categoryList: [],
+      },
+    };
+  },
+
+  created() {
+    this.getTeaClass();
+    this.selModelSearch();
+  },
+  mounted() {
+    let th = 150;
+    let wh = window.innerHeight;
+    this.height = wh - th;
+    window.onresize = () => {
+      return (() => {
+        wh = window.innerHeight;
+        this.height = wh - th;
+      })();
+    };
+  },
+  methods: {
+    /**
+     * 获取导师列表
+     */
+    async selModelSearch() {
+      try {
+        const { teacherName, pageNum, teacherType } = this;
+        const params = {
+          param: {
+            teacherName,
+            pageNum,
+            pageSize: 10,
+            teacherType,
+          },
+        };
+        const res = await getFindTeachH(params);
+        const { code, data, msg } = res.data;
+        if (code === 200) {
+          this.lists = data;
+          this.pagination.total = parseInt(data.total);
+          const paper = { ...this.pagination };
+          paper.current = data.pageNum;
+          paper.total = +data.total;
+          paper.pageSize = data.pageSize;
+          this.pagination = paper;
+        } else {
+          throw msg;
+        }
+      } catch (error) {
+        throw error;
+      }
+    },
+    /**
+     * 查询导师类型
+     */
+    async getTeaClass() {
+      try {
+        const params = { param: { categoryName: '', recStatus: 0 } };
+        const res = await getSelTutorH(params);
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          this.typeList = data;
+        } else {
+          throw msg;
+        }
+      } catch (error) {
+        throw error;
+      }
+    },
+    /**
+     * 改变导师分类
+     */
+    typeChange(e, num) {
+      if (num === 0) {
+        this.teacherType = e;
+      } else if (num === 1) {
+        this.addType = e;
+      } else if (num === 2) {
+        this.editData.categoryList = e;
+      }
+    },
+    /**
+     * 提交添加表单
+     */
+    handleSubmit(e) {
+      console.log(e);
+    },
+    /**
+     * 表格改变分页
+     */
+    handleTableChange(pagination) {
+      this.pageNum = pagination.current;
+      this.selModelSearch();
+    },
+    // 删除
+    async onDelete(teacherId) {
+      try {
+        const params = { param: { teacherId } };
+        const res = await delTeacher(params);
+        const { data, msg, code } = res.data;
+        if (code === 200) {
+          this.$message.success('删除成功');
+          this.selModelSearch();
+        } else {
+          throw msg;
+        }
+      } catch (error) {
+        this.$message.error(error || '删除失败');
+      }
+    },
+    /**
+     * 添加时修改性别
+     */
+    changeAddSex(e) {
+      this.addData.sex = e.target.value;
+    },
+    /**
+     * 增加导师的上传图片事件
+     */
+    handleChange(info, num) {
+      if (info.file.status === 'done') {
+        if (num === 1) {
+          this.fileList.push(info.file.response.data[0].id);
+        } else if (num === 2) {
+          this.fileList1.push(info.file.response.data[0].id);
+        } else if (num === 3) {
+          this.fileList2.push(info.file.response.data[0].id);
+        } else if (num === 4) {
+          this.editData.teacherPhoto = info.file.response.data[0].visitUrl;
+          this.editData.teacherPhotoId = info.file.response.data[0].id;
+        } else if (num === 5) {
+          this.editData.offer = info.file.response.data[0].visitUrl;
+          this.editData.offerId = info.file.response.data[0].id;
+        } else if (num === 6) {
+          this.editData.resume = info.file.response.data[0].visitUrl;
+          this.editData.resumeId = info.file.response.data[0].id;
+        }
+      } else if (info.file.status === 'removed') {
+        if (num === 1) {
+          this.fileList = info.fileList;
+        } else if (num === 2) {
+          this.fileList1 = info.fileList;
+        } else if (num === 3) {
+          this.fileList2 = info.fileList;
+        }
+      }
+    },
+    /**
+     * 增加导师 事件
+     */
+    async addTeacherData() {
+      try {
+        const { addData, addType, fileList, fileList1, fileList2 } = this;
+        const params = {
+          param: {
+            services: addType,
+            teacherPhoto: fileList[0],
+            offer: fileList1[0],
+            resume: fileList2[0],
+            ...addData,
+          },
+        };
+        const res = await addTeacher(params);
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          this.$message.success('增加导师成功');
+          this.selModelSearch();
+          this.visible = false;
+        } else {
+          this.$message.error('增加导师失败');
+        }
+      } catch (error) {
+        this.$message.error('增加导师失败');
+      }
+    },
+    /**
+     * 显示修改modal
+     */
+    showEditModal(data) {
+      let { editData } = this;
+      editData = { ...data };
+      this.editData = { ...editData };
+      this.visible1 = true;
+    },
+    /**
+     * 修改确定事件
+     */
+    async editTeacherData() {
+      try {
+        const { editData } = this;
+        const params = {
+          param: {
+            ...editData,
+            offer: editData.offerId,
+            resume: editData.resumeId,
+            teacherPhoto: editData.teacherPhotoId,
+          },
+        };
+        const res = await upTeacher(params);
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          this.visible1 = false;
+          this.$message.success('修改成功');
+          this.selModelSearch();
+        } else {
+          this.$message.error(msg);
+        }
+      } catch (error) {
+        this.$message.error('修改失败');
+      }
+    },
+  },
+};
+</script>
diff --git a/src/views/teacherType/teacherType.vue b/src/views/teacherType/teacherType.vue
new file mode 100644
index 0000000..648c574
--- /dev/null
+++ b/src/views/teacherType/teacherType.vue
@@ -0,0 +1,289 @@
+<template>
+  <div class="pa-3 white fill-height d-flex flex-column">
+    <!-- 搜索 -->
+    <div class="d-flex flex-wrap pb-3">
+      <div>
+        <span class="mr-4">分类名称:</span>
+        <a-input placeholder="分类名称" style="width: 150px" v-model="typeName" />
+        <span class="ml-4 mr-4">分类状态:</span>
+        <a-select allow-clear style="width: 200px" @change="typeChange($event, 0)" placeholder="分类状态">
+          <a-select-option v-for="item in typeList" :key="item.id" :value="item.id">
+            {{ item.categoryName }}
+          </a-select-option>
+        </a-select>
+
+        <a-button @click="getTeaClass" class="ml-3" type="primary">搜索</a-button>
+      </div>
+      <div class="flex-1"></div>
+      <a-button class="editable-add-btn" @click="visible = true" style="margin-top: 1px" type="primary">增加</a-button>
+    </div>
+    <!-- 添加表单 -->
+    <a-modal :mask-closable="false" destroy-on-close title="添加导师" v-model="visible" width="700px" @ok="addClass">
+      <a-form :form="form">
+        <!-- 分类名称 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="分类名称" required>
+          <a-input placeholder="分类名称" v-model="addType" />
+        </a-form-item>
+      </a-form>
+    </a-modal>
+    <!-- 表格 -->
+    <div class="main flex-1">
+      <div style="width: 100%" v-if="list && list.length > 0">
+        <a-table
+          :columns="columns"
+          :data-source="list"
+          :pagination="pagination"
+          :row-key="record => record.id"
+          @change="handleTableChange"
+          :scroll="{ y: height }"
+          bordered
+          class="white"
+        >
+          <template slot="id" slot-scope="text, record, index">
+            <span>{{ index + 1 }}</span>
+          </template>
+
+          <template slot="recStatus" slot-scope="text, record">
+            <span style="width: 100%" v-if="record.recStatus === 0">正常</span>
+            <span style="width: 100%" v-else-if="record.recStatus === 1">禁用</span>
+            <span style="width: 100%" v-else-if="record.recStatus === 2">删除</span>
+          </template>
+
+          <template slot="edit" slot-scope="text, record">
+            <a-icon @click="showEditModel(record)" class="pointer" theme="twoTone" type="edit" />
+          </template>
+        </a-table>
+      </div>
+      <a-empty v-else />
+    </div>
+    <!-- 修改表单 -->
+    <a-modal :mask-closable="false" destroy-on-close title="修改" v-model="visible1" width="700px" @ok="editChange">
+      <a-form :form="form">
+        <!-- 分类名称 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="分类名称">
+          <a-input placeholder="分类名称" v-model="editData.categoryName" />
+        </a-form-item>
+        <!-- 分类状态 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="分类状态">
+          <a-select
+            :default-value="getDefault(editData.recStatus)"
+            allow-clear
+            style="width: 100%"
+            @change="typeChange($event, 1)"
+            placeholder="分类状态"
+          >
+            <a-select-option v-for="item in typeList" :key="item.id" :value="item.id">
+              {{ item.categoryName }}
+            </a-select-option>
+          </a-select>
+        </a-form-item>
+      </a-form>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import { getSelTutorH, addTutor, upTutorH } from 'config/api';
+const formItemLayout = {
+  labelCol: { span: 6 },
+  wrapperCol: { span: 16 },
+};
+const tailItemLayout = { wrapperCol: { span: 16, offset: 6 } };
+const columns = [
+  {
+    title: '序号',
+    align: 'center',
+    dataIndex: 'id',
+    key: 'id',
+    width: '7%',
+    scopedSlots: { customRender: 'id' },
+  },
+  {
+    title: '分类名称',
+    align: 'center',
+    dataIndex: 'categoryName',
+    key: 'categoryName',
+  },
+  {
+    title: '分类状态',
+    align: 'center',
+    dataIndex: 'recStatus',
+    key: 'recStatus',
+    scopedSlots: { customRender: 'recStatus' },
+  },
+  {
+    title: '修改',
+    align: 'center',
+    dataIndex: 'edit',
+    key: 'edit',
+    scopedSlots: { customRender: 'edit' },
+  },
+];
+export default {
+  name: 'Teacher',
+  data() {
+    return {
+      columns,
+      formItemLayout,
+      tailItemLayout,
+      form: this.$form.createForm(this, { name: 'teacher-add' }),
+      height: '',
+      list: [],
+      pagination: { current: 1, pageSize: 10, total: 0 },
+      typeList: [
+        {
+          id: 0,
+          categoryName: '正常',
+        },
+        {
+          id: 1,
+          categoryName: '禁用',
+        },
+        {
+          id: 2,
+          categoryName: '删除',
+        },
+      ], // 导师类型数组
+      teacherType: '', // 已选中的 搜索时的 类型状态
+      addType: '', // 已选中的 添加时的 导师类型
+      typeName: '',
+      pageNum: 1,
+      visible: false, // 添加表单
+      visible1: false, // 修改表单
+      editData: {
+        categoryName: '',
+        recStatus: '',
+        id: '',
+      },
+    };
+  },
+
+  created() {
+    this.getTeaClass();
+  },
+  mounted() {
+    let th = 150;
+    let wh = window.innerHeight;
+    this.height = wh - th;
+    window.onresize = () => {
+      return (() => {
+        wh = window.innerHeight;
+        this.height = wh - th;
+      })();
+    };
+  },
+  methods: {
+    /**
+     * 查询导师类型
+     */
+    async getTeaClass() {
+      try {
+        const params = {
+          param: {
+            categoryName: this.typeName,
+            recStatus: this.teacherType,
+          },
+        };
+        const res = await getSelTutorH(params);
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          this.list = data;
+        } else {
+          throw msg;
+        }
+      } catch (error) {
+        throw error;
+      }
+    },
+    /**
+     * 改变导师分类
+     */
+    typeChange(e, num) {
+      if (num === 0) {
+        this.teacherType = e;
+      } else if (num === 1) {
+        this.editData.recStatus = e;
+      }
+    },
+    /**
+     * 添加导师分类
+     */
+    async addClass() {
+      try {
+        const { addType } = this;
+        if (addType === '') {
+          this.$message.error('请填写分类名称');
+          return;
+        }
+        const params = { param: { categoryName: addType } };
+        const res = await addTutor(params);
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          this.$message.success('分类添加成功');
+          this.visible = false;
+          this.getTeaClass();
+        } else {
+          this.$message.error('分类添加失败');
+        }
+      } catch (error) {
+        this.$message.error('分类添加失败');
+      }
+    },
+    /**
+     * 表格改变分页
+     */
+    handleTableChange(pagination) {
+      // this.pageNum = pagination.current;
+      this.pagination.current = pagination.current;
+    },
+    /**
+     * 显示修改弹框,获取需要修改的数据
+     */
+    showEditModel(data) {
+      this.editData = data;
+      this.visible1 = true;
+    },
+    /**
+     * 确认修改
+     */
+    async editChange() {
+      try {
+        const { editData } = this;
+        if (!editData.categoryName && !editData.recStatus) {
+          this.$message.error('请填写完整信息');
+          return;
+        }
+        const params = { param: { ...editData } };
+        const res = await upTutorH(params);
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          this.$message.success('修改成功');
+          this.visible1 = false;
+          this.editData = {
+            categoryName: '',
+            recStatus: '',
+            id: '',
+          };
+        } else {
+          this.$message.error(msg);
+        }
+      } catch (error) {
+        this.$message.error('修改失败');
+      }
+    },
+    /**
+     * 获取分类默认值
+     */
+    getDefault(e) {
+      if (e !== '') {
+        const defaultObj = this.typeList.find(item => {
+          return item.id === e;
+        });
+        return defaultObj.categoryName;
+      } else {
+        return '';
+      }
+    },
+  },
+};
+</script>