ly 3 年之前
父節點
當前提交
3a7dadf24f

+ 103 - 0
master/src/main/java/com/ruoyi/project/training/spec/controller/TStSuccessorController.java

@@ -0,0 +1,103 @@
+package com.ruoyi.project.training.spec.controller;
+
+import java.util.List;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.PutMapping;
+import org.springframework.web.bind.annotation.DeleteMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+import com.ruoyi.framework.aspectj.lang.annotation.Log;
+import com.ruoyi.framework.aspectj.lang.enums.BusinessType;
+import com.ruoyi.project.training.spec.domain.TStSuccessor;
+import com.ruoyi.project.training.spec.service.ITStSuccessorService;
+import com.ruoyi.framework.web.controller.BaseController;
+import com.ruoyi.framework.web.domain.AjaxResult;
+import com.ruoyi.common.utils.poi.ExcelUtil;
+import com.ruoyi.framework.web.page.TableDataInfo;
+
+/**
+ * 继任者清单Controller
+ *
+ * @author ruoyi
+ * @date 2022-04-11
+ */
+@RestController
+@RequestMapping("/spec/successor")
+public class TStSuccessorController extends BaseController
+{
+    @Autowired
+    private ITStSuccessorService tStSuccessorService;
+
+    /**
+     * 查询继任者清单列表
+     */
+    @PreAuthorize("@ss.hasPermi('spec:successor:list')")
+    @GetMapping("/list")
+    public TableDataInfo list(TStSuccessor tStSuccessor)
+    {
+        startPage();
+        List<TStSuccessor> list = tStSuccessorService.selectTStSuccessorList(tStSuccessor);
+        return getDataTable(list);
+    }
+
+    /**
+     * 导出继任者清单列表
+     */
+    @PreAuthorize("@ss.hasPermi('spec:successor:export')")
+    @Log(title = "继任者清单", businessType = BusinessType.EXPORT)
+    @GetMapping("/export")
+    public AjaxResult export(TStSuccessor tStSuccessor)
+    {
+        List<TStSuccessor> list = tStSuccessorService.selectTStSuccessorList(tStSuccessor);
+        ExcelUtil<TStSuccessor> util = new ExcelUtil<TStSuccessor>(TStSuccessor.class);
+        return util.exportExcel(list, "successor");
+    }
+
+    /**
+     * 获取继任者清单详细信息
+     */
+    @PreAuthorize("@ss.hasPermi('spec:successor:query')")
+    @GetMapping(value = "/{id}")
+    public AjaxResult getInfo(@PathVariable("id") Long id)
+    {
+        return AjaxResult.success(tStSuccessorService.selectTStSuccessorById(id));
+    }
+
+    /**
+     * 新增继任者清单
+     */
+    @PreAuthorize("@ss.hasPermi('spec:successor:add')")
+    @Log(title = "继任者清单", businessType = BusinessType.INSERT)
+    @PostMapping
+    public AjaxResult add(@RequestBody TStSuccessor tStSuccessor)
+    {
+        return toAjax(tStSuccessorService.insertTStSuccessor(tStSuccessor));
+    }
+
+    /**
+     * 修改继任者清单
+     */
+    @PreAuthorize("@ss.hasPermi('spec:successor:edit')")
+    @Log(title = "继任者清单", businessType = BusinessType.UPDATE)
+    @PutMapping
+    public AjaxResult edit(@RequestBody TStSuccessor tStSuccessor)
+    {
+        return toAjax(tStSuccessorService.updateTStSuccessor(tStSuccessor));
+    }
+
+    /**
+     * 删除继任者清单
+     */
+    @PreAuthorize("@ss.hasPermi('spec:successor:remove')")
+    @Log(title = "继任者清单", businessType = BusinessType.DELETE)
+	@DeleteMapping("/{ids}")
+    public AjaxResult remove(@PathVariable Long[] ids)
+    {
+        return toAjax(tStSuccessorService.deleteTStSuccessorByIds(ids));
+    }
+}

+ 188 - 0
master/src/main/java/com/ruoyi/project/training/spec/domain/TStSuccessor.java

@@ -0,0 +1,188 @@
+package com.ruoyi.project.training.spec.domain;
+
+import java.util.Date;
+import com.fasterxml.jackson.annotation.JsonFormat;
+import com.ruoyi.framework.aspectj.lang.annotation.Excel;
+import com.ruoyi.framework.web.domain.BaseEntity;
+import org.apache.commons.lang3.builder.ToStringBuilder;
+import org.apache.commons.lang3.builder.ToStringStyle;
+
+/**
+ * 继任者清单对象 t_st_successor
+ *
+ * @author ruoyi
+ * @date 2022-04-11
+ */
+public class TStSuccessor extends BaseEntity
+{
+    private static final long serialVersionUID = 1L;
+
+    /** 唯一标识ID */
+    private Long id;
+
+    /** 培训员工编号 */
+    @Excel(name = "培训员工编号")
+    private String staffId;
+
+    /** 备注 */
+    @Excel(name = "备注")
+    private String remarks;
+
+    /** 删除状态 */
+    private Long delFlag;
+
+    /** 创建人 */
+    private String createrCode;
+
+    /** 创建时间 */
+    private Date createdate;
+
+    /** 修改人 */
+    private String updaterCode;
+
+    /** 修改时间 */
+    private Date updatedate;
+
+    /** 部门编号 */
+    @Excel(name = "部门编号")
+    private Long deptId;
+
+    /** 目标岗位 */
+    @Excel(name = "目标岗位")
+    private String actualpost;
+
+    /** 导师员工编号 */
+    @Excel(name = "导师员工编号")
+    private String mentorStaffId;
+
+    /** 培训状态 */
+    @Excel(name = "培训状态")
+    private Long state;
+
+    public void setId(Long id)
+    {
+        this.id = id;
+    }
+
+    public Long getId()
+    {
+        return id;
+    }
+    public void setStaffId(String staffId)
+    {
+        this.staffId = staffId;
+    }
+
+    public String getStaffId()
+    {
+        return staffId;
+    }
+    public void setRemarks(String remarks)
+    {
+        this.remarks = remarks;
+    }
+
+    public String getRemarks()
+    {
+        return remarks;
+    }
+    public void setDelFlag(Long delFlag)
+    {
+        this.delFlag = delFlag;
+    }
+
+    public Long getDelFlag()
+    {
+        return delFlag;
+    }
+    public void setCreaterCode(String createrCode)
+    {
+        this.createrCode = createrCode;
+    }
+
+    public String getCreaterCode()
+    {
+        return createrCode;
+    }
+    public void setCreatedate(Date createdate)
+    {
+        this.createdate = createdate;
+    }
+
+    public Date getCreatedate()
+    {
+        return createdate;
+    }
+    public void setUpdaterCode(String updaterCode)
+    {
+        this.updaterCode = updaterCode;
+    }
+
+    public String getUpdaterCode()
+    {
+        return updaterCode;
+    }
+    public void setUpdatedate(Date updatedate)
+    {
+        this.updatedate = updatedate;
+    }
+
+    public Date getUpdatedate()
+    {
+        return updatedate;
+    }
+    public void setDeptId(Long deptId)
+    {
+        this.deptId = deptId;
+    }
+
+    public Long getDeptId()
+    {
+        return deptId;
+    }
+    public void setActualpost(String actualpost)
+    {
+        this.actualpost = actualpost;
+    }
+
+    public String getActualpost()
+    {
+        return actualpost;
+    }
+    public void setMentorStaffId(String mentorStaffId)
+    {
+        this.mentorStaffId = mentorStaffId;
+    }
+
+    public String getMentorStaffId()
+    {
+        return mentorStaffId;
+    }
+    public void setState(Long state)
+    {
+        this.state = state;
+    }
+
+    public Long getState()
+    {
+        return state;
+    }
+
+    @Override
+    public String toString() {
+        return new ToStringBuilder(this,ToStringStyle.MULTI_LINE_STYLE)
+            .append("id", getId())
+            .append("staffId", getStaffId())
+            .append("remarks", getRemarks())
+            .append("delFlag", getDelFlag())
+            .append("createrCode", getCreaterCode())
+            .append("createdate", getCreatedate())
+            .append("updaterCode", getUpdaterCode())
+            .append("updatedate", getUpdatedate())
+            .append("deptId", getDeptId())
+            .append("actualpost", getActualpost())
+            .append("mentorStaffId", getMentorStaffId())
+            .append("state", getState())
+            .toString();
+    }
+}

+ 63 - 0
master/src/main/java/com/ruoyi/project/training/spec/mapper/TStSuccessorMapper.java

@@ -0,0 +1,63 @@
+package com.ruoyi.project.training.spec.mapper;
+
+import java.util.List;
+import com.ruoyi.framework.aspectj.lang.annotation.DataScope;
+import com.ruoyi.project.training.spec.domain.TStSuccessor;
+
+/**
+ * 继任者清单Mapper接口
+ *
+ * @author ruoyi
+ * @date 2022-04-11
+ */
+public interface TStSuccessorMapper
+{
+    /**
+     * 查询继任者清单
+     *
+     * @param id 继任者清单ID
+     * @return 继任者清单
+     */
+    public TStSuccessor selectTStSuccessorById(Long id);
+
+    /**
+     * 查询继任者清单列表
+     *
+     * @param tStSuccessor 继任者清单
+     * @return 继任者清单集合
+     */
+    @DataScope(deptAlias = "d")
+    public List<TStSuccessor> selectTStSuccessorList(TStSuccessor tStSuccessor);
+
+    /**
+     * 新增继任者清单
+     *
+     * @param tStSuccessor 继任者清单
+     * @return 结果
+     */
+    public int insertTStSuccessor(TStSuccessor tStSuccessor);
+
+    /**
+     * 修改继任者清单
+     *
+     * @param tStSuccessor 继任者清单
+     * @return 结果
+     */
+    public int updateTStSuccessor(TStSuccessor tStSuccessor);
+
+    /**
+     * 删除继任者清单
+     *
+     * @param id 继任者清单ID
+     * @return 结果
+     */
+    public int deleteTStSuccessorById(Long id);
+
+    /**
+     * 批量删除继任者清单
+     *
+     * @param ids 需要删除的数据ID
+     * @return 结果
+     */
+    public int deleteTStSuccessorByIds(Long[] ids);
+}

+ 61 - 0
master/src/main/java/com/ruoyi/project/training/spec/service/ITStSuccessorService.java

@@ -0,0 +1,61 @@
+package com.ruoyi.project.training.spec.service;
+
+import java.util.List;
+import com.ruoyi.project.training.spec.domain.TStSuccessor;
+
+/**
+ * 继任者清单Service接口
+ *
+ * @author ruoyi
+ * @date 2022-04-11
+ */
+public interface ITStSuccessorService
+{
+    /**
+     * 查询继任者清单
+     *
+     * @param id 继任者清单ID
+     * @return 继任者清单
+     */
+    public TStSuccessor selectTStSuccessorById(Long id);
+
+    /**
+     * 查询继任者清单列表
+     *
+     * @param tStSuccessor 继任者清单
+     * @return 继任者清单集合
+     */
+    public List<TStSuccessor> selectTStSuccessorList(TStSuccessor tStSuccessor);
+
+    /**
+     * 新增继任者清单
+     *
+     * @param tStSuccessor 继任者清单
+     * @return 结果
+     */
+    public int insertTStSuccessor(TStSuccessor tStSuccessor);
+
+    /**
+     * 修改继任者清单
+     *
+     * @param tStSuccessor 继任者清单
+     * @return 结果
+     */
+    public int updateTStSuccessor(TStSuccessor tStSuccessor);
+
+    /**
+     * 批量删除继任者清单
+     *
+     * @param ids 需要删除的继任者清单ID
+     * @return 结果
+     */
+    public int deleteTStSuccessorByIds(Long[] ids);
+
+    /**
+     * 删除继任者清单信息
+     *
+     * @param id 继任者清单ID
+     * @return 结果
+     */
+    public int deleteTStSuccessorById(Long id);
+}

+ 93 - 0
master/src/main/java/com/ruoyi/project/training/spec/service/impl/TStSuccessorServiceImpl.java

@@ -0,0 +1,93 @@
+package com.ruoyi.project.training.spec.service.impl;
+
+import java.util.List;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import com.ruoyi.project.training.spec.mapper.TStSuccessorMapper;
+import com.ruoyi.project.training.spec.domain.TStSuccessor;
+import com.ruoyi.project.training.spec.service.ITStSuccessorService;
+
+/**
+ * 继任者清单Service业务层处理
+ *
+ * @author ruoyi
+ * @date 2022-04-11
+ */
+@Service
+public class TStSuccessorServiceImpl implements ITStSuccessorService
+{
+    @Autowired
+    private TStSuccessorMapper tStSuccessorMapper;
+
+    /**
+     * 查询继任者清单
+     *
+     * @param id 继任者清单ID
+     * @return 继任者清单
+     */
+    @Override
+    public TStSuccessor selectTStSuccessorById(Long id)
+    {
+        return tStSuccessorMapper.selectTStSuccessorById(id);
+    }
+
+    /**
+     * 查询继任者清单列表
+     *
+     * @param tStSuccessor 继任者清单
+     * @return 继任者清单
+     */
+    @Override
+    public List<TStSuccessor> selectTStSuccessorList(TStSuccessor tStSuccessor)
+    {
+        return tStSuccessorMapper.selectTStSuccessorList(tStSuccessor);
+    }
+
+    /**
+     * 新增继任者清单
+     *
+     * @param tStSuccessor 继任者清单
+     * @return 结果
+     */
+    @Override
+    public int insertTStSuccessor(TStSuccessor tStSuccessor)
+    {
+        return tStSuccessorMapper.insertTStSuccessor(tStSuccessor);
+    }
+
+    /**
+     * 修改继任者清单
+     *
+     * @param tStSuccessor 继任者清单
+     * @return 结果
+     */
+    @Override
+    public int updateTStSuccessor(TStSuccessor tStSuccessor)
+    {
+        return tStSuccessorMapper.updateTStSuccessor(tStSuccessor);
+    }
+
+    /**
+     * 批量删除继任者清单
+     *
+     * @param ids 需要删除的继任者清单ID
+     * @return 结果
+     */
+    @Override
+    public int deleteTStSuccessorByIds(Long[] ids)
+    {
+        return tStSuccessorMapper.deleteTStSuccessorByIds(ids);
+    }
+
+    /**
+     * 删除继任者清单信息
+     *
+     * @param id 继任者清单ID
+     * @return 结果
+     */
+    @Override
+    public int deleteTStSuccessorById(Long id)
+    {
+        return tStSuccessorMapper.deleteTStSuccessorById(id);
+    }
+}

+ 1 - 1
master/src/main/resources/application.yml

@@ -176,7 +176,7 @@ gen:
   # 作者
   author: ruoyi
   # 默认生成包路径 system 需改成自己的模块名称 如 system monitor tool
-  packageName: com.ruoyi.project.sems.his # 自动去除表前缀,默认是true
+  packageName: com.ruoyi.project.training.spec # 自动去除表前缀,默认是true
   autoRemovePre: false
   # 表前缀(生成类名不会包含表前缀,多个用逗号分隔)
   tablePrefix: sys_

+ 109 - 0
master/src/main/resources/mybatis/training/spec/TStSuccessorMapper.xml

@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper
+PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.ruoyi.project.training.spec.mapper.TStSuccessorMapper">
+
+    <resultMap type="TStSuccessor" id="TStSuccessorResult">
+        <result property="id"    column="id"    />
+        <result property="staffId"    column="staff_id"    />
+        <result property="remarks"    column="remarks"    />
+        <result property="delFlag"    column="del_flag"    />
+        <result property="createrCode"    column="creater_code"    />
+        <result property="createdate"    column="createdate"    />
+        <result property="updaterCode"    column="updater_code"    />
+        <result property="updatedate"    column="updatedate"    />
+        <result property="deptId"    column="dept_id"    />
+        <result property="actualpost"    column="actualpost"    />
+        <result property="mentorStaffId"    column="mentor_staff_id"    />
+        <result property="state"    column="state"    />
+        <result property="deptName" column="dept_name" />
+    </resultMap>
+
+    <sql id="selectTStSuccessorVo">
+        select d.id, d.staff_id, d.remarks, d.del_flag, d.creater_code, d.createdate, d.updater_code, d.updatedate, d.dept_id, d.actualpost, d.mentor_staff_id, d.state ,s.dept_name from t_st_successor d
+      left join sys_dept s on s.dept_id = d.dept_id
+    </sql>
+
+    <select id="selectTStSuccessorList" parameterType="TStSuccessor" resultMap="TStSuccessorResult">
+        <include refid="selectTStSuccessorVo"/>
+        <where>
+            <if test="staffId != null  and staffId != ''"> and staff_id = #{staffId}</if>
+            <if test="remarks != null  and remarks != ''"> and remarks = #{remarks}</if>
+            <if test="mentorStaffId != null  and mentorStaffId != ''"> and mentor_staff_id = #{mentorStaffId}</if>
+            and d.del_flag = 0
+        </where>
+        <!-- 数据范围过滤 -->
+        ${params.dataScope}
+    </select>
+
+    <select id="selectTStSuccessorById" parameterType="Long" resultMap="TStSuccessorResult">
+        <include refid="selectTStSuccessorVo"/>
+        where id = #{id}
+    </select>
+
+    <insert id="insertTStSuccessor" parameterType="TStSuccessor">
+        <selectKey keyProperty="id" resultType="long" order="BEFORE">
+            SELECT seq_t_st_successor.NEXTVAL as id FROM DUAL
+        </selectKey>
+        insert into t_st_successor
+        <trim prefix="(" suffix=")" suffixOverrides=",">
+            <if test="id != null">id,</if>
+            <if test="staffId != null">staff_id,</if>
+            <if test="remarks != null">remarks,</if>
+            <if test="delFlag != null">del_flag,</if>
+            <if test="createrCode != null">creater_code,</if>
+            <if test="createdate != null">createdate,</if>
+            <if test="updaterCode != null">updater_code,</if>
+            <if test="updatedate != null">updatedate,</if>
+            <if test="deptId != null">dept_id,</if>
+            <if test="actualpost != null">actualpost,</if>
+            <if test="mentorStaffId != null">mentor_staff_id,</if>
+            <if test="state != null">state,</if>
+         </trim>
+        <trim prefix="values (" suffix=")" suffixOverrides=",">
+            <if test="id != null">#{id},</if>
+            <if test="staffId != null">#{staffId},</if>
+            <if test="remarks != null">#{remarks},</if>
+            <if test="delFlag != null">#{delFlag},</if>
+            <if test="createrCode != null">#{createrCode},</if>
+            <if test="createdate != null">#{createdate},</if>
+            <if test="updaterCode != null">#{updaterCode},</if>
+            <if test="updatedate != null">#{updatedate},</if>
+            <if test="deptId != null">#{deptId},</if>
+            <if test="actualpost != null">#{actualpost},</if>
+            <if test="mentorStaffId != null">#{mentorStaffId},</if>
+            <if test="state != null">#{state},</if>
+         </trim>
+    </insert>
+
+    <update id="updateTStSuccessor" parameterType="TStSuccessor">
+        update t_st_successor
+        <trim prefix="SET" suffixOverrides=",">
+            <if test="staffId != null">staff_id = #{staffId},</if>
+            <if test="remarks != null">remarks = #{remarks},</if>
+            <if test="delFlag != null">del_flag = #{delFlag},</if>
+            <if test="createrCode != null">creater_code = #{createrCode},</if>
+            <if test="createdate != null">createdate = #{createdate},</if>
+            <if test="updaterCode != null">updater_code = #{updaterCode},</if>
+            <if test="updatedate != null">updatedate = #{updatedate},</if>
+            <if test="deptId != null">dept_id = #{deptId},</if>
+            <if test="actualpost != null">actualpost = #{actualpost},</if>
+            <if test="mentorStaffId != null">mentor_staff_id = #{mentorStaffId},</if>
+            <if test="state != null">state = #{state},</if>
+        </trim>
+        where id = #{id}
+    </update>
+
+    <update id="deleteTStSuccessorById" parameterType="Long">
+        update t_st_successor set del_flag = 2 where id = #{id}
+    </update>
+
+    <update id="deleteTStSuccessorByIds" parameterType="String">
+        update t_st_successor set del_flag = 2 where id in
+        <foreach item="id" collection="array" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </update>
+
+</mapper>

+ 53 - 0
ui/src/api/training/spec/successor.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询继任者清单列表
+export function listSuccessor(query) {
+  return request({
+    url: '/spec/successor/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询继任者清单详细
+export function getSuccessor(id) {
+  return request({
+    url: '/spec/successor/' + id,
+    method: 'get'
+  })
+}
+
+// 新增继任者清单
+export function addSuccessor(data) {
+  return request({
+    url: '/spec/successor',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改继任者清单
+export function updateSuccessor(data) {
+  return request({
+    url: '/spec/successor',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除继任者清单
+export function delSuccessor(id) {
+  return request({
+    url: '/spec/successor/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出继任者清单
+export function exportSuccessor(query) {
+  return request({
+    url: '/spec/successor/export',
+    method: 'get',
+    params: query
+  })
+}

二進制
ui/src/assets/image/elec/4-12.png


+ 1 - 1
ui/src/views/monitor/elec/frontElecTwo.vue

@@ -3,7 +3,7 @@
     <div class="bg-color-black">
       <div class="content-box">
         <div>
-        <img src="@/assets/image/elec/4-8.png" width="1880" height="920px">
+        <img src="@/assets/image/elec/4-12.png" width="1880" height="920px">
 
         </div>
 

+ 3 - 0
ui/src/views/training/spec/index.vue

@@ -0,0 +1,3 @@
+<template >
+  <router-view />
+</template>

+ 431 - 0
ui/src/views/training/successor/index.vue

@@ -0,0 +1,431 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="培训员工编号" prop="staffId">
+        <el-input
+          v-model="queryParams.staffId"
+          placeholder="请输入培训员工编号"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="备注" prop="remarks">
+        <el-input
+          v-model="queryParams.remarks"
+          placeholder="请输入备注"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="导师员工编号" prop="mentorStaffId">
+        <el-input
+          v-model="queryParams.mentorStaffId"
+          placeholder="请输入导师员工编号"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['spec:successor:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['spec:successor:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['spec:successor:remove']"
+        >删除</el-button>
+      </el-col>
+        <el-col :span="1.5">
+            <el-button
+                    type="info"
+                    icon="el-icon-upload2"
+                    size="mini"
+                    @click="handleImport"
+                    v-hasPermi="['spec:successor:edit']"
+            >导入</el-button>
+        </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['spec:successor:export']"
+        >导出</el-button>
+      </el-col>
+	  <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="successorList" @selection-change="handleSelectionChange" :height="clientHeight" border>
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="唯一标识ID" align="center" prop="id" :show-overflow-tooltip="true"/>
+      <el-table-column label="培训员工编号" align="center" prop="staffId" :show-overflow-tooltip="true"/>
+      <el-table-column label="备注" align="center" prop="remarks" :show-overflow-tooltip="true"/>
+      <el-table-column label="部门编号" align="center" prop="deptId" :show-overflow-tooltip="true"/>
+      <el-table-column label="目标岗位" align="center" prop="actualpost" :formatter="actualpostFormat" />
+      <el-table-column label="导师员工编号" align="center" prop="mentorStaffId" :show-overflow-tooltip="true"/>
+      <el-table-column label="培训状态" align="center" prop="state" :show-overflow-tooltip="true"/>
+      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['spec:successor:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['spec:successor:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改继任者清单对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="培训员工编号" prop="staffId">
+          <el-input v-model="form.staffId" placeholder="请输入培训员工编号" />
+        </el-form-item>
+        <el-form-item label="备注" prop="remarks">
+          <el-input v-model="form.remarks" placeholder="请输入备注" />
+        </el-form-item>
+        <el-form-item label="部门编号" prop="deptId">
+          <el-input v-model="form.deptId" placeholder="请输入部门编号" />
+        </el-form-item>
+        <el-form-item label="目标岗位" prop="actualpost">
+          <el-select v-model="form.actualpost" placeholder="请选择目标岗位">
+            <el-option
+              v-for="dict in actualpostOptions"
+              :key="dict.dictValue"
+              :label="dict.dictLabel"
+              :value="dict.dictValue"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="导师员工编号" prop="mentorStaffId">
+          <el-input v-model="form.mentorStaffId" placeholder="请输入导师员工编号" />
+        </el-form-item>
+        <el-form-item label="培训状态" prop="state">
+          <el-input v-model="form.state" placeholder="请输入培训状态" />
+        </el-form-item>
+          <el-form-item label="归属部门" prop="deptId">
+              <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
+          </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+      <!-- 用户导入对话框 -->
+      <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
+          <el-upload
+                  ref="upload"
+                  :limit="1"
+                  accept=".xlsx, .xls"
+                  :headers="upload.headers"
+                  :action="upload.url + '?updateSupport=' + upload.updateSupport"
+                  :disabled="upload.isUploading"
+                  :on-progress="handleFileUploadProgress"
+                  :on-success="handleFileSuccess"
+                  :auto-upload="false"
+                  drag
+          >
+              <i class="el-icon-upload"></i>
+              <div class="el-upload__text">
+                  将文件拖到此处,或
+                  <em>点击上传</em>
+              </div>
+              <div class="el-upload__tip" slot="tip">
+                  <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
+                  <el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link>
+              </div>
+              <div class="el-upload__tip" style="color:red" slot="tip">提示:仅允许导入“xls”或“xlsx”格式文件!</div>
+          </el-upload>
+          <div slot="footer" class="dialog-footer">
+              <el-button type="primary" @click="submitFileForm">确 定</el-button>
+              <el-button @click="upload.open = false">取 消</el-button>
+          </div>
+      </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listSuccessor, getSuccessor, delSuccessor, addSuccessor, updateSuccessor, exportSuccessor, importTemplate} from "@/api/training/spec/successor";
+import { treeselect } from "@/api/system/dept";
+import { getToken } from "@/utils/auth";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+
+export default {
+  name: "Successor",
+  components: { Treeselect },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: false,
+      // 总条数
+      total: 0,
+      // 继任者清单表格数据
+      successorList: [],
+      // 弹出层标题
+      title: "",
+      // 部门树选项
+      deptOptions: undefined,
+      clientHeight:300,
+      // 是否显示弹出层
+      open: false,
+      // 目标岗位字典
+      actualpostOptions: [],
+        // 用户导入参数
+        upload: {
+            // 是否显示弹出层(用户导入)
+            open: false,
+            // 弹出层标题(用户导入)
+            title: "",
+            // 是否禁用上传
+            isUploading: false,
+            // 是否更新已经存在的用户数据
+            updateSupport: 0,
+            // 设置上传的请求头部
+            headers: { Authorization: "Bearer " + getToken() },
+            // 上传的地址
+            url: process.env.VUE_APP_BASE_API + "/spec/successor/importData"
+        },
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 20,
+        staffId: null,
+        remarks: null,
+        mentorStaffId: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        deptId: [
+          { required: true, message: "部门编号不能为空", trigger: "blur" }
+        ],
+      }
+    };
+  },
+  watch: {
+        // 根据名称筛选部门树
+        deptName(val) {
+            this.$refs.tree.filter(val);
+        }
+   },
+  created() {
+      //设置表格高度对应屏幕高度
+      this.$nextTick(() => {
+          this.clientHeight = document.body.clientHeight -250
+      })
+    this.getList();
+    this.getTreeselect();
+    this.getDicts("ACTUALPOST").then(response => {
+      this.actualpostOptions = response.data;
+    });
+  },
+  methods: {
+    /** 查询继任者清单列表 */
+    getList() {
+      this.loading = true;
+      listSuccessor(this.queryParams).then(response => {
+        this.successorList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+     /** 查询部门下拉树结构 */
+     getTreeselect() {
+          treeselect().then(response => {
+              this.deptOptions = response.data;
+          });
+     },
+    // 目标岗位字典翻译
+    actualpostFormat(row, column) {
+      return this.selectDictLabel(this.actualpostOptions, row.actualpost);
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        staffId: null,
+        remarks: null,
+        delFlag: null,
+        createrCode: null,
+        createdate: null,
+        updaterCode: null,
+        updatedate: null,
+        deptId: null,
+        actualpost: null,
+        mentorStaffId: null,
+        state: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加继任者清单";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getSuccessor(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改继任者清单";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateSuccessor(this.form).then(response => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addSuccessor(this.form).then(response => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delSuccessor(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        })
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有继任者清单数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return exportSuccessor(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+        })
+    },
+      /** 导入按钮操作 */
+      handleImport() {
+          this.upload.title = "用户导入";
+          this.upload.open = true;
+      },
+      /** 下载模板操作 */
+      importTemplate() {
+          importTemplate().then(response => {
+              this.download(response.msg);
+          });
+      },
+      // 文件上传中处理
+      handleFileUploadProgress(event, file, fileList) {
+          this.upload.isUploading = true;
+      },
+      // 文件上传成功处理
+      handleFileSuccess(response, file, fileList) {
+          this.upload.open = false;
+          this.upload.isUploading = false;
+          this.$refs.upload.clearFiles();
+          this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
+          this.getList();
+      },
+      // 提交上传文件
+      submitFileForm() {
+          this.$refs.upload.submit();
+      }
+  }
+};
+</script>