LY 专项培训 年度培训

master/src/main/java/com/ruoyi/project/training/spec/controller/TStYearplanController.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.TStYearplan;
+import com.ruoyi.project.training.spec.service.ITStYearplanService;
+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 ly
+ * @date 2022-04-24
+ */
+@RestController
+@RequestMapping("/spec/yearplan")
+public class TStYearplanController extends BaseController
+{
+    @Autowired
+    private ITStYearplanService tStYearplanService;
+
+    /**
+     * 查询专项培训年度计划列表
+     */
+    @PreAuthorize("@ss.hasPermi('spec:plan:list')")
+    @GetMapping("/list")
+    public TableDataInfo list(TStYearplan tStYearplan)
+    {
+        startPage();
+        List<TStYearplan> list = tStYearplanService.selectTStYearplanList(tStYearplan);
+        return getDataTable(list);
+    }
+
+    /**
+     * 导出专项培训年度计划列表
+     */
+    @PreAuthorize("@ss.hasPermi('spec:plan:export')")
+    @Log(title = "专项培训年度计划", businessType = BusinessType.EXPORT)
+    @GetMapping("/export")
+    public AjaxResult export(TStYearplan tStYearplan)
+    {
+        List<TStYearplan> list = tStYearplanService.selectTStYearplanList(tStYearplan);
+        ExcelUtil<TStYearplan> util = new ExcelUtil<TStYearplan>(TStYearplan.class);
+        return util.exportExcel(list, "yearplan");
+    }
+
+    /**
+     * 获取专项培训年度计划详细信息
+     */
+    @PreAuthorize("@ss.hasPermi('spec:plan:query')")
+    @GetMapping(value = "/{id}")
+    public AjaxResult getInfo(@PathVariable("id") Long id)
+    {
+        return AjaxResult.success(tStYearplanService.selectTStYearplanById(id));
+    }
+
+    /**
+     * 新增专项培训年度计划
+     */
+    @PreAuthorize("@ss.hasPermi('spec:plan:add')")
+    @Log(title = "专项培训年度计划", businessType = BusinessType.INSERT)
+    @PostMapping
+    public AjaxResult add(@RequestBody TStYearplan tStYearplan)
+    {
+        return toAjax(tStYearplanService.insertTStYearplan(tStYearplan));
+    }
+
+    /**
+     * 修改专项培训年度计划
+     */
+    @PreAuthorize("@ss.hasPermi('spec:plan:edit')")
+    @Log(title = "专项培训年度计划", businessType = BusinessType.UPDATE)
+    @PutMapping
+    public AjaxResult edit(@RequestBody TStYearplan tStYearplan)
+    {
+        return toAjax(tStYearplanService.updateTStYearplan(tStYearplan));
+    }
+
+    /**
+     * 删除专项培训年度计划
+     */
+    @PreAuthorize("@ss.hasPermi('spec:plan:remove')")
+    @Log(title = "专项培训年度计划", businessType = BusinessType.DELETE)
+	@DeleteMapping("/{ids}")
+    public AjaxResult remove(@PathVariable Long[] ids)
+    {
+        return toAjax(tStYearplanService.deleteTStYearplanByIds(ids));
+    }
+}

master/src/main/java/com/ruoyi/project/training/spec/domain/TStYearplan.java

@@ -0,0 +1,178 @@
+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_yearplan
+ *
+ * @author ly
+ * @date 2022-04-24
+ */
+public class TStYearplan extends BaseEntity
+{
+    private static final long serialVersionUID = 1L;
+
+    /** 唯一标识ID */
+    private Long id;
+
+    /** 培训员工编号 */
+    @Excel(name = "培训员工编号")
+    private String staffId;
+
+    /** 年度培训标题 */
+    @Excel(name = "年度培训标题")
+    private String name;
+
+    /** 删除状态 */
+    private Long delFlag;
+
+    /** 创建人 */
+    @Excel(name = "创建人")
+    private String createrCode;
+
+    /** 创建时间 */
+    @JsonFormat(pattern = "yyyy-MM-dd" , timezone = "GMT+8")
+    @Excel(name = "创建时间", width = 30, dateFormat = "yyyy-MM-dd")
+    private Date createdate;
+
+    /** 修改人 */
+    @Excel(name = "修改人")
+    private String updaterCode;
+
+    /** 修改时间 */
+    @JsonFormat(pattern = "yyyy-MM-dd" , timezone = "GMT+8")
+    @Excel(name = "修改时间", width = 30, dateFormat = "yyyy-MM-dd")
+    private Date updatedate;
+
+    /** 部门编号 */
+    @Excel(name = "部门编号")
+    private Long deptId;
+
+    /** 部门名称 */
+    @Excel(name = "部门名称")
+    private String deptName;
+
+    /** 审核状态 */
+    @Excel(name = "审核状态")
+    private Long approveStatus;
+
+    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 setName(String name)
+    {
+        this.name = name;
+    }
+
+    public String getName()
+    {
+        return name;
+    }
+    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 setApproveStatus(Long approveStatus)
+    {
+        this.approveStatus = approveStatus;
+    }
+
+    public Long getApproveStatus()
+    {
+        return approveStatus;
+    }
+
+    public String getDeptName() {
+        return deptName;
+    }
+
+    public void setDeptName(String deptName) {
+        this.deptName = deptName;
+    }
+
+    @Override
+    public String toString() {
+        return new ToStringBuilder(this,ToStringStyle.MULTI_LINE_STYLE)
+            .append("id", getId())
+            .append("staffId", getStaffId())
+            .append("name", getName())
+            .append("delFlag", getDelFlag())
+            .append("createrCode", getCreaterCode())
+            .append("createdate", getCreatedate())
+            .append("updaterCode", getUpdaterCode())
+            .append("updatedate", getUpdatedate())
+            .append("deptId", getDeptId())
+            .append("approveStatus", getApproveStatus())
+            .toString();
+    }
+}

master/src/main/java/com/ruoyi/project/training/spec/mapper/TStYearplanMapper.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.TStYearplan;
+
+/**
+ * 专项培训年度计划Mapper接口
+ *
+ * @author ly
+ * @date 2022-04-24
+ */
+public interface TStYearplanMapper
+{
+    /**
+     * 查询专项培训年度计划
+     *
+     * @param id 专项培训年度计划ID
+     * @return 专项培训年度计划
+     */
+    public TStYearplan selectTStYearplanById(Long id);
+
+    /**
+     * 查询专项培训年度计划列表
+     *
+     * @param tStYearplan 专项培训年度计划
+     * @return 专项培训年度计划集合
+     */
+    @DataScope(deptAlias = "d")
+    public List<TStYearplan> selectTStYearplanList(TStYearplan tStYearplan);
+
+    /**
+     * 新增专项培训年度计划
+     *
+     * @param tStYearplan 专项培训年度计划
+     * @return 结果
+     */
+    public int insertTStYearplan(TStYearplan tStYearplan);
+
+    /**
+     * 修改专项培训年度计划
+     *
+     * @param tStYearplan 专项培训年度计划
+     * @return 结果
+     */
+    public int updateTStYearplan(TStYearplan tStYearplan);
+
+    /**
+     * 删除专项培训年度计划
+     *
+     * @param id 专项培训年度计划ID
+     * @return 结果
+     */
+    public int deleteTStYearplanById(Long id);
+
+    /**
+     * 批量删除专项培训年度计划
+     *
+     * @param ids 需要删除的数据ID
+     * @return 结果
+     */
+    public int deleteTStYearplanByIds(Long[] ids);
+}

master/src/main/java/com/ruoyi/project/training/spec/service/ITStYearplanService.java

@@ -0,0 +1,61 @@
+package com.ruoyi.project.training.spec.service;
+
+import java.util.List;
+import com.ruoyi.project.training.spec.domain.TStYearplan;
+
+/**
+ * 专项培训年度计划Service接口
+ *
+ * @author ly
+ * @date 2022-04-24
+ */
+public interface ITStYearplanService
+{
+    /**
+     * 查询专项培训年度计划
+     *
+     * @param id 专项培训年度计划ID
+     * @return 专项培训年度计划
+     */
+    public TStYearplan selectTStYearplanById(Long id);
+
+    /**
+     * 查询专项培训年度计划列表
+     *
+     * @param tStYearplan 专项培训年度计划
+     * @return 专项培训年度计划集合
+     */
+    public List<TStYearplan> selectTStYearplanList(TStYearplan tStYearplan);
+
+    /**
+     * 新增专项培训年度计划
+     *
+     * @param tStYearplan 专项培训年度计划
+     * @return 结果
+     */
+    public int insertTStYearplan(TStYearplan tStYearplan);
+
+    /**
+     * 修改专项培训年度计划
+     *
+     * @param tStYearplan 专项培训年度计划
+     * @return 结果
+     */
+    public int updateTStYearplan(TStYearplan tStYearplan);
+
+    /**
+     * 批量删除专项培训年度计划
+     *
+     * @param ids 需要删除的专项培训年度计划ID
+     * @return 结果
+     */
+    public int deleteTStYearplanByIds(Long[] ids);
+
+    /**
+     * 删除专项培训年度计划信息
+     *
+     * @param id 专项培训年度计划ID
+     * @return 结果
+     */
+    public int deleteTStYearplanById(Long id);
+}

master/src/main/java/com/ruoyi/project/training/spec/service/impl/TStYearplanServiceImpl.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.TStYearplanMapper;
+import com.ruoyi.project.training.spec.domain.TStYearplan;
+import com.ruoyi.project.training.spec.service.ITStYearplanService;
+
+/**
+ * 专项培训年度计划Service业务层处理
+ *
+ * @author ly
+ * @date 2022-04-24
+ */
+@Service
+public class TStYearplanServiceImpl implements ITStYearplanService
+{
+    @Autowired
+    private TStYearplanMapper tStYearplanMapper;
+
+    /**
+     * 查询专项培训年度计划
+     *
+     * @param id 专项培训年度计划ID
+     * @return 专项培训年度计划
+     */
+    @Override
+    public TStYearplan selectTStYearplanById(Long id)
+    {
+        return tStYearplanMapper.selectTStYearplanById(id);
+    }
+
+    /**
+     * 查询专项培训年度计划列表
+     *
+     * @param tStYearplan 专项培训年度计划
+     * @return 专项培训年度计划
+     */
+    @Override
+    public List<TStYearplan> selectTStYearplanList(TStYearplan tStYearplan)
+    {
+        return tStYearplanMapper.selectTStYearplanList(tStYearplan);
+    }
+
+    /**
+     * 新增专项培训年度计划
+     *
+     * @param tStYearplan 专项培训年度计划
+     * @return 结果
+     */
+    @Override
+    public int insertTStYearplan(TStYearplan tStYearplan)
+    {
+        return tStYearplanMapper.insertTStYearplan(tStYearplan);
+    }
+
+    /**
+     * 修改专项培训年度计划
+     *
+     * @param tStYearplan 专项培训年度计划
+     * @return 结果
+     */
+    @Override
+    public int updateTStYearplan(TStYearplan tStYearplan)
+    {
+        return tStYearplanMapper.updateTStYearplan(tStYearplan);
+    }
+
+    /**
+     * 批量删除专项培训年度计划
+     *
+     * @param ids 需要删除的专项培训年度计划ID
+     * @return 结果
+     */
+    @Override
+    public int deleteTStYearplanByIds(Long[] ids)
+    {
+        return tStYearplanMapper.deleteTStYearplanByIds(ids);
+    }
+
+    /**
+     * 删除专项培训年度计划信息
+     *
+     * @param id 专项培训年度计划ID
+     * @return 结果
+     */
+    @Override
+    public int deleteTStYearplanById(Long id)
+    {
+        return tStYearplanMapper.deleteTStYearplanById(id);
+    }
+}

master/src/main/resources/application.yml

@@ -9,7 +9,7 @@ ruoyi:
   # 实例演示开关
   demoEnabled: true
   # 文件路径 示例（ Windows配置D:/ruoyi/uploadPath，Linux配置 /u03/cpmsfile/uploadPath）
-  profile: D:/ruoyi/uploadPath
+  profile: /u03/cpmsfile/uploadPath
   # 邮件中链接跳转路径 示例（本地：http://localhost/#，服务器：http://47.114.101.16:8080/cpms/index.html#）
   requestJumpPath: https://cpms.basf-ypc.net.cn/cpms/index.html#
   # 获取ip地址开关

master/src/main/resources/mybatis/training/spec/TStYearplanMapper.xml

@@ -0,0 +1,106 @@
+<?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.TStYearplanMapper">
+
+    <resultMap type="TStYearplan" id="TStYearplanResult">
+        <result property="id"    column="id"    />
+        <result property="staffId"    column="staff_id"    />
+        <result property="name"    column="name"    />
+        <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="approveStatus"    column="approve_status"    />
+        <result property="deptName" column="dept_name" />
+    </resultMap>
+
+    <sql id="selectTStYearplanVo">
+        select d.id, d.staff_id, d.name, d.del_flag, d.creater_code, d.createdate, d.updater_code, d.updatedate, d.dept_id, d.approve_status ,s.dept_name from t_st_yearplan d
+      left join sys_dept s on s.dept_id = d.dept_id
+    </sql>
+
+    <select id="selectTStYearplanList" parameterType="TStYearplan" resultMap="TStYearplanResult">
+        <include refid="selectTStYearplanVo"/>
+        <where>
+            <if test="staffId != null  and staffId != ''"> and staff_id = #{staffId}</if>
+            <if test="name != null  and name != ''"> and name like concat(concat('%', #{name}), '%')</if>
+            <if test="createrCode != null  and createrCode != ''"> and creater_code = #{createrCode}</if>
+            <if test="createdate != null "> and createdate = #{createdate}</if>
+            <if test="updaterCode != null  and updaterCode != ''"> and updater_code = #{updaterCode}</if>
+            <if test="updatedate != null "> and updatedate = #{updatedate}</if>
+            <if test="deptId != null "> and dept_id = #{deptId}</if>
+            <if test="approveStatus != null "> and approve_status = #{approveStatus}</if>
+            and d.del_flag = 0
+        </where>
+        <!-- 数据范围过滤 -->
+        ${params.dataScope}
+    </select>
+
+    <select id="selectTStYearplanById" parameterType="Long" resultMap="TStYearplanResult">
+        <include refid="selectTStYearplanVo"/>
+        where id = #{id}
+    </select>
+
+    <insert id="insertTStYearplan" parameterType="TStYearplan">
+        <selectKey keyProperty="id" resultType="long" order="BEFORE">
+            SELECT seq_t_st_yearplan.NEXTVAL as id FROM DUAL
+        </selectKey>
+        insert into t_st_yearplan
+        <trim prefix="(" suffix=")" suffixOverrides=",">
+            <if test="id != null">id,</if>
+            <if test="staffId != null">staff_id,</if>
+            <if test="name != null">name,</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="approveStatus != null">approve_status,</if>
+         </trim>
+        <trim prefix="values (" suffix=")" suffixOverrides=",">
+            <if test="id != null">#{id},</if>
+            <if test="staffId != null">#{staffId},</if>
+            <if test="name != null">#{name},</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="approveStatus != null">#{approveStatus},</if>
+         </trim>
+    </insert>
+
+    <update id="updateTStYearplan" parameterType="TStYearplan">
+        update t_st_yearplan
+        <trim prefix="SET" suffixOverrides=",">
+            <if test="staffId != null">staff_id = #{staffId},</if>
+            <if test="name != null">name = #{name},</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="approveStatus != null">approve_status = #{approveStatus},</if>
+        </trim>
+        where id = #{id}
+    </update>
+
+    <update id="deleteTStYearplanById" parameterType="Long">
+        update t_st_yearplan set del_flag = 2 where id = #{id}
+    </update>
+
+    <update id="deleteTStYearplanByIds" parameterType="String">
+        update t_st_yearplan set del_flag = 2 where id in
+        <foreach item="id" collection="array" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </update>
+
+</mapper>

ui/src/api/training/spec/yearplan.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询专项培训年度计划列表
+export function listYearplan(query) {
+  return request({
+    url: '/spec/yearplan/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询专项培训年度计划详细
+export function getYearplan(id) {
+  return request({
+    url: '/spec/yearplan/' + id,
+    method: 'get'
+  })
+}
+
+// 新增专项培训年度计划
+export function addYearplan(data) {
+  return request({
+    url: '/spec/yearplan',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改专项培训年度计划
+export function updateYearplan(data) {
+  return request({
+    url: '/spec/yearplan',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除专项培训年度计划
+export function delYearplan(id) {
+  return request({
+    url: '/spec/yearplan/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出专项培训年度计划
+export function exportYearplan(query) {
+  return request({
+    url: '/spec/yearplan/export',
+    method: 'get',
+    params: query
+  })
+}

ui/src/router/index.js

@@ -157,11 +157,24 @@ export const constantRoutes = [
       {
         path: 'successorPlan/:staffId(\\d+)',
         component: (resolve) => require(['@/views/training/spec/successor/successorPlan'], resolve),
-        name: 'GenEdit',
+        name: 'SuccessorPlan',
         meta: { title: '培训计划清单' }
       }
     ]
   },
+  {
+    path: '/training/spec',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: 'planItem/:yearId(\\d+)',
+        component: (resolve) => require(['@/views/training/spec/plan/index'], resolve),
+        name: 'PlanItem',
+        meta: { title: '培训计划明细' }
+      }
+    ]
+  },
   {
     path: '/production',
     component: Layout,

ui/src/views/training/spec/plan/index.vue

@@ -554,6 +554,7 @@ export default {
     this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
     })
+    const yearId = this.$route.params && this.$route.params.yearId;
     this.getList();
     this.getTreeselect();
     this.getDicts("st_study_state").then(response => {

ui/src/views/training/spec/yearplan/index.vue

@@ -0,0 +1,469 @@
+<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="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入年度培训标题"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="部门编号" prop="deptId">
+        <el-input
+          v-model="queryParams.deptId"
+          placeholder="请输入部门编号"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="审核状态" prop="approveStatus">
+        <el-select v-model="queryParams.approveStatus" placeholder="请选择审核状态" clearable size="small">
+          <el-option
+            v-for="dict in approveStatusOptions"
+            :key="dict.dictValue"
+            :label="dict.dictLabel"
+            :value="dict.dictValue"
+          />
+        </el-select>
+      </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:plan: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:plan: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:plan: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:plan: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:plan:export']"
+        >导出</el-button>
+      </el-col>
+	  <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="yearplanList" @selection-change="handleSelectionChange" :height="clientHeight" border>
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="培训员工编号" align="center" prop="staffId" :show-overflow-tooltip="true"/>
+      <el-table-column label="年度培训标题" align="center" prop="name" :show-overflow-tooltip="true"/>
+      <el-table-column label="创建人" align="center" prop="createrCode" :show-overflow-tooltip="true"/>
+      <el-table-column label="创建时间" align="center" prop="createdate" width="100">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createdate, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="修改人" align="center" prop="updaterCode" :show-overflow-tooltip="true"/>
+      <el-table-column label="修改时间" align="center" prop="updatedate" width="100">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.updatedate, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="部门编号" align="center" prop="deptId" :show-overflow-tooltip="true"/>
+      <el-table-column label="审核状态" align="center" prop="approveStatus" :formatter="approveStatusFormat" />
+      <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="handlePlanList(scope.row)"
+            v-hasPermi="['spec:plan:list']"
+          >详情</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['spec:plan:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['spec:plan: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="name">
+          <el-input v-model="form.name" placeholder="请输入年度培训标题" />
+        </el-form-item>
+        <el-form-item label="删除状态" prop="delFlag">
+          <el-input v-model="form.delFlag" placeholder="请输入删除状态" />
+        </el-form-item>
+        <el-form-item label="创建人" prop="createrCode">
+          <el-input v-model="form.createrCode" placeholder="请输入创建人" />
+        </el-form-item>
+        <el-form-item label="创建时间" prop="createdate">
+          <el-date-picker clearable size="small" style="width: 200px"
+            v-model="form.createdate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择创建时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="修改人" prop="updaterCode">
+          <el-input v-model="form.updaterCode" placeholder="请输入修改人" />
+        </el-form-item>
+        <el-form-item label="修改时间" prop="updatedate">
+          <el-date-picker clearable size="small" style="width: 200px"
+            v-model="form.updatedate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择修改时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="部门编号" prop="deptId">
+          <el-input v-model="form.deptId" 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 { listYearplan, getYearplan, delYearplan, addYearplan, updateYearplan, exportYearplan, importTemplate} from "@/api/training/spec/yearplan";
+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: "Yearplan",
+  components: { Treeselect },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: false,
+      // 总条数
+      total: 0,
+      // 专项培训年度计划表格数据
+      yearplanList: [],
+      // 弹出层标题
+      title: "",
+      // 部门树选项
+      deptOptions: undefined,
+      clientHeight:300,
+      // 是否显示弹出层
+      open: false,
+      // 审核状态字典
+      approveStatusOptions: [],
+        // 用户导入参数
+        upload: {
+            // 是否显示弹出层（用户导入）
+            open: false,
+            // 弹出层标题（用户导入）
+            title: "",
+            // 是否禁用上传
+            isUploading: false,
+            // 是否更新已经存在的用户数据
+            updateSupport: 0,
+            // 设置上传的请求头部
+            headers: { Authorization: "Bearer " + getToken() },
+            // 上传的地址
+            url: process.env.VUE_APP_BASE_API + "/spec/yearplan/importData"
+        },
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 20,
+        staffId: null,
+        name: null,
+        deptId: null,
+        approveStatus: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        id: [
+          { required: true, message: "唯一标识ID不能为空", 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("spec_training_approve_status").then(response => {
+      this.approveStatusOptions = response.data;
+    });
+  },
+  methods: {
+    /** 查询专项培训年度计划列表 */
+    getList() {
+      this.loading = true;
+      listYearplan(this.queryParams).then(response => {
+        this.yearplanList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+     /** 查询部门下拉树结构 */
+     getTreeselect() {
+          treeselect().then(response => {
+              this.deptOptions = response.data;
+          });
+     },
+    // 审核状态字典翻译
+    approveStatusFormat(row, column) {
+      return this.selectDictLabel(this.approveStatusOptions, row.approveStatus);
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        staffId: null,
+        name: null,
+        delFlag: null,
+        createrCode: null,
+        createdate: null,
+        updaterCode: null,
+        updatedate: null,
+        deptId: null,
+        approveStatus: 0
+      };
+      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
+      getYearplan(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) {
+            updateYearplan(this.form).then(response => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addYearplan(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 delYearplan(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        })
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有专项培训年度计划数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return exportYearplan(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();
+      },
+      handlePlanList(row){
+        const yearId = row.id
+        this.$router.push("/training/spec/planItem/" + yearId);
+      }
+  }
+};
+</script>